jinql
/
gentelella
mirror of https://github.com/ColorlibHQ/gentelella
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #81 from christianesperar/master 

Panel toolbox and dropdown enhancement
pull/87/head
Aigars Silkalns 2016-04-15 19:51:00 +03:00
parent 768fbb3226 d792bd0d1d
commit 0994a80bbf
36 changed files with 112 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
production/calendar.html
View File

@ -214,7 +214,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -236,7 +236,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/chartjs.html
View File

@ -210,7 +210,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -232,7 +232,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/chartjs2.html
View File

@ -206,7 +206,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -228,7 +228,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/contacts.html
View File

@ -208,7 +208,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -230,7 +230,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

25
production/css/custom.css
View File

@ -154,12 +154,16 @@ body.nav-sm span.fa, body.nav-sm .menu_section h3 {
} }
.nav_menu { .nav_menu {
float: left; float: left;
/*background: #F4F6F9;
border-bottom: 1px solid #E6E9ED;*/
background: #EDEDED; background: #EDEDED;
border-bottom: 1px solid #D9DEE4; border-bottom: 1px solid #D9DEE4;
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
position: relative;
}
@media (min-width: 480px) {
.nav_menu {
position: static;
}
} }
body.nav-md .container.body .col-md-3.left_col { body.nav-md .container.body .col-md-3.left_col {
width: 230px; width: 230px;
@ -455,9 +459,12 @@ a:hover, a:focus {
.top_nav .navbar-right li { .top_nav .navbar-right li {
display: inline-block; display: inline-block;
float: right; float: right;
position: static;
} }
.top_nav .dropdown-menu { @media (min-width: 480px) {
min-width: 220px; .top_nav .navbar-right li {
position: relative;
}
} }
.top_nav .dropdown-menu li { .top_nav .dropdown-menu li {
width: 100%; width: 100%;
@ -621,6 +628,7 @@ li.current-page a {
.toggle a { .toggle a {
padding: 15px 15px 0; padding: 15px 15px 0;
margin: 0; margin: 0;
cursor: pointer;
} }
.toggle a i { .toggle a i {
font-size: 26px; font-size: 26px;
@ -1323,9 +1331,6 @@ ul.msg_list li a .message {
display: block !important; display: block !important;
font-size: 11px; font-size: 11px;
} }
.dropdown-menu.msg_list {
width: 300px !important;
}
.dropdown-menu.msg_list span { .dropdown-menu.msg_list span {
white-space: normal; white-space: normal;
} }
@ -1356,6 +1361,12 @@ ul.msg_list li a .message {
margin-top: 0; margin-top: 0;
border: 1px solid #D9DEE4; border: 1px solid #D9DEE4;
-webkit-box-shadow: none; -webkit-box-shadow: none;
right: 0;
left: auto;
width: 220px;
}
.navbar-nav .open .dropdown-menu.msg_list {
width: 300px;
} }
.info-number .badge { .info-number .badge {
font-size: 10px; font-size: 10px;

4
production/e_commerce.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/echarts.html
View File

@ -207,7 +207,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -229,7 +229,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form.html
View File

@ -225,7 +225,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -247,7 +247,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form_advanced.html
View File

@ -225,7 +225,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -247,7 +247,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form_buttons.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form_upload.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form_validation.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/form_wizards.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/general_elements.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/glyphicons.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/icons.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/inbox.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/index.html
View File

@ -220,7 +220,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -242,7 +242,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/index2.html
View File

@ -220,7 +220,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -242,7 +242,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/index3.html
View File

@ -221,7 +221,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -243,7 +243,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/invoice.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

47
production/js/custom.js
View File

@ -65,6 +65,33 @@ $(function () {
}).parent('li').addClass('current-page').parent('ul').slideDown().parent().addClass('active'); }).parent('li').addClass('current-page').parent('ul').slideDown().parent().addClass('active');
}); });
// Panel toolbox
$(function () {
$('.collapse-link').on('click', function() {
var $BOX_PANEL = $(this).closest('.x_panel'),
$ICON = $(this).find('i'),
$BOX_CONTENT = $BOX_PANEL.find('.x_content');
// fix for some div with hardcoded fix class
if ($BOX_PANEL.attr('style')) {
$BOX_CONTENT.slideToggle(200, function(){
$BOX_PANEL.removeAttr('style');
});
} else {
$BOX_CONTENT.slideToggle(200);
$BOX_PANEL.css('height', 'auto');
}
$ICON.toggleClass('fa-chevron-up fa-chevron-down');
});
$('.close-link').click(function () {
var $BOX_PANEL = $(this).closest('.x_panel');
$BOX_PANEL.remove();
});
});
// Right column height // Right column height
$(".right_col").css("min-height", $(window).height()); $(".right_col").css("min-height", $(window).height());
$(window).resize(function () { $(window).resize(function () {
@ -91,26 +118,6 @@ if ($(".js-switch")[0]) {
}); });
} }
// Close ibox function
$('.close-link').click(function () {
var content = $(this).closest('div.x_panel');
content.remove();
});
// Collapse ibox function
$('.collapse-link').click(function () {
var x_panel = $(this).closest('div.x_panel');
var button = $(this).find('i');
var content = x_panel.find('div.x_content');
content.slideToggle(200);
(x_panel.hasClass('fixed_height_390') ? x_panel.toggleClass('').toggleClass('fixed_height_390') : '');
(x_panel.hasClass('fixed_height_320') ? x_panel.toggleClass('').toggleClass('fixed_height_320') : '');
button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
setTimeout(function () {
x_panel.resize();
}, 50);
});
// iCheck // iCheck
if ($("input.flat")[0]) { if ($("input.flat")[0]) {
$(document).ready(function () { $(document).ready(function () {

4
production/map.html
View File

@ -232,7 +232,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -254,7 +254,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/media_gallery.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/morisjs.html
View File

@ -207,7 +207,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -229,7 +229,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/other_charts.html
View File

@ -219,7 +219,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -241,7 +241,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/plain_page.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/pricing_tables.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/profile.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/project_detail.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/projects.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

2
production/sign_up.html
View File

@ -186,7 +186,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="caret"></span> <span class="caret"></span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/tables.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/tables_dynamic.html
View File

@ -223,7 +223,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -245,7 +245,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/typography.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">

4
production/widgets.html
View File

@ -218,7 +218,7 @@
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right"> <ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a> <li><a href="javascript:;"> Profile</a>
</li> </li>
<li> <li>
@ -240,7 +240,7 @@
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"> <span class="image">