| Server IP : 14.207.165.8 / Your IP : 216.73.216.26 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/thread-self/root/var/www/html/old/templates/sj_flatnews/less/ |
Upload File : |
// Menu CSS base : LTR Menu Style
// --------------------------------------------------
// Root ul element
#yt_menuposition{
/*------------------
CSS Menu & Moo Menu
-------------------*/
ul.navi {margin: 0 ;padding: 0;list-style: none;
li.level1 {
float: left;
position: relative;
padding: 0;
margin: 0 1px 0 0;
position: relative;
&.first {
> .item-link {
color: #ffffff !important;
background: @background1 !important;
.icon-home{margin: 0;}
}
}
&.last {
> .item-link {
text-indent: -999em;
&:after{
content: "\f107";
font-family: "fontawesome";
left: 35%;
position: absolute;
text-indent: 0;
}
}
}
> .item-link {
margin: 0 ;
line-height: 200%;
padding: 5px 20px ;
color: #444444;
font-size:130%;
display: block;
text-transform: uppercase;
border-right: 1px solid #e4e7ee;
cursor: pointer;
}
.menu-title {display: inline-block;}
// Add description and show icons
.showdesc{text-align: center;
span.menu-title{line-height: 100%;padding-bottom: 5px;display: block;}
span.menu-desc{display: block;font-size: 11px;color: #ccc;line-height: 100%;}
}
//Hover and Active (:hover of cssmenu, .hover of moomenu)
&:hover,&.hover,&.active{
> .item-link{
color: @linkColor;
background: #f8f8f8;
}
}
&:hover ul.level2 ,&.hover ul.level2 {left: 0;}
&.active .item-link {}
}
// Show All Submenu
// Menu level2
//ul{
//
//}
ul.subnavi {
left: -999em;
top: 101%;
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
list-style: none;
width: 230px;
background-color: #f8f8f8;
&:before{content: "";width:100%;height: 5px;position: absolute;left: 0;top:-5px;}
li {
border-top:1px dashed #eee;
#translucent .border(@white, 0.25);
position: relative;
&.first{border-top: none;}
.item-link {
margin: 0;
padding: 5px 20px;
color: #666666;
font-size: 100%;
text-transform: none;
line-height: 26px;
display: block;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #f8f8f8;
text-transform: capitalize;
&.havechild:after{
font-family: 'FontAwesome';
content: "\f0da";
font-size: 14px;
position: absolute;
right: 20px;
z-index: 1;
}
.menu-title {display: inline;}
&:before{
content: "\f111";
font-family: "fontawesome";
font-size: 6px;
margin: 0 7px 0 0;
display: inline-block;
vertical-align: top;
}
}
// Add description and show icons
.showdesc{text-align: left;
span.menu-title{padding-bottom: 5px;}
span.menu-desc{font-family: "arial";padding-bottom: 3px;}
}
// Hover and Active menu
&:hover,&.hover,&.active{
> .item-link{
color: @linkColor;
background: #f1efec;
border-top: 1px solid #e4e7ee;
border-bottom: 1px solid #e4e7ee;
}
}
&:hover ul.level3,
li.level3:hover ul.level4,
li.level4:hover ul.level5{left: 98%;top:5px;}
}
}
}
/*------------------
Dropline Menu
-------------------*/
#droplinenavigator{position: relative;
li.level1{position: static;}
ul.level2{margin: 0;width: 980px;height: 37px;
li.level2{float: left;border: none;
a.level2 {
&.havechild:after{content: "";display: none;}
}
&:hover{position: relative;
ul.level3{left: 0;top: 100%;}
}
}
}
}
/*------------------
Mega Menu
-------------------*/
#meganavigator{
li.level1{
.mega-content{
position: absolute;
left: -999em;
z-index: 10;
background: #e4e7ee;
//padding: 30px;
.box-shadow(~"1px 1px 4px rgba(0, 0, 0, 0.6), 0 0 9px rgba(255, 255, 255, 0.1) inset");
//Mega colums
.mega-col {float: left;
&.one div.mega-module{padding: 10px 15px;overflow: hidden;}
&.more{
padding: 30px 20px;
.box-sizing(border-box);
> ul.subnavi{box-shadow: none;width:auto;}
}
&.more.first{
//padding-left: 30px;
.mega-group div.mega-group-title{margin-left: -10px;}
}
&.more.last{
//padding-right: 30px;
//padding-left: 10px;
.mega-group div.mega-group-title{margin-right: -10px;}
}
//Mega Item
.mega-group {display: block;
div.mega-group-title{
border: 0px ;
border-bottom: 1px dashed #586c86;
#translucent .border(@white, 0.4);
margin: 0 -5px;
//#gradient .vertical(@bg-mega-gtitle-gradi1, @bg-mega-gtitle-gradi2);
.item-link{
color: #fff;
font-size: 130%;
padding: 0 0 0 35px;
min-height: 36px;
//background:url("@{base-url}/bullet2.png") no-repeat scroll 12px 12px;
.menu-title{padding:10px 0;line-height: 100%;text-transform: uppercase;}
}
.showdesc{
.menu-title{padding: 0 0 5px;}
.menu-desc{font-family: "arial";}
}
}
div.mega-group-content{position: relative;}
}
}
}
}
}
}
#yt_mobilemenu_chzn{
display: none;
}
//
// Menu CSS base : RTL Menu Style
// --------------------------------------------------
.rtl{
#yt_menuposition{
/*------------------
CSS Menu & Moo Menu
-------------------*/
ul.navirtl{
li.level1{float: right;margin: 0 0 0 1px;
&:hover ul.level2,&.hover ul.level2{left: auto;right: 0;}
}
ul {left: auto;right: -999em;}
ul.level2 {
li {
.item-link{
&:before{
margin: 0 0 0 7px;
float: right;
}
.menu-title {
direction: ltr;
display: table;
text-align: right;
}
&.havechild:after{right: auto;left: 10px;content: "\f0d9";top: 7px;}
}
// Add description and show icons
.showdesc{text-align: right;}
// Hover and Active menu
&:hover,&.hover,&.active{
.level2{}
}
&.active{
.item-link{ background-position: 96% 12px;}
}
&:hover ul.level3,
li.level3:hover ul.level4,
li.level4:hover ul.level5{left: auto;right: 92%;}
}
}
}
/*------------------
Dropline Menu
-------------------*/
#droplinenavigator{
ul.level2 li.level2{float: right;
&:hover{
ul.level3{left: auto;right: 0;}
}
}
}
/*------------------
Mega Menu
-------------------*/
#meganavigator{
li.level1{
.mega-content{
//Mega colums
.mega-col {float: right;
&.more.first{
//padding-right: 10px;
//.mega-group div.mega-group-title{margin-right: -10px;}
}
&.more.last{
//padding-left: 10px;
//.mega-group div.mega-group-title{margin-left: -10px;}
}
//Mega Item
.mega-group {
div.mega-group-title .item-link{padding: 0 35px 0 0;background-position: 96% 12px;}
}
}
}
}
}
}
}