| 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 : |
// Bootstrap mixins
@import "../asset/bootstrap/less/mixins.less";
@import "../asset/bootstrap/less/variables.less";
@import "color/variables_color.less";
.fontsize_l{font-size: 18px;font-weight: 400;}
.g-underline{font-size: 180%;font-weight: 400;}
.b-block:after,
.b-block:before{clear: both;display: table;content: "";}
// 1.Page Join Now
ul.c-step{list-style: none;margin: 0 auto 4em auto; counter-reset: section;display: table;position: relative;z-index: 1;
&:before{content: "";width:100%;height: 10px;background: #DEDEDE;
position: absolute;z-index: 2;left: 0;top: 50%;margin-top: -5px;
.border-radius(10px); .box-shadow(1px 1px 1px rgba(0,0,0,0.1) inset);
}
li{list-style: none;margin: 0 50px;padding-top: 50px;line-height: 25px;display: inline-block;position: relative;z-index: 3;text-align: center;
&:before,
&.active:before{
counter-increment:section; content: counter(section);
width:35px;height: 35px;line-height: 35px;
font-size: 20px;font-weight: 800;text-align: center;display: inline-block;
color: #fff;
.border-radius(35px);.box-shadow(~"0 1px 1px 0px rgba(0, 0, 0, 0.3) inset, 0 0 0 4px #DEDEDE");#gradient .vertical( #AAC3BF ,#719088);
}
&.active:before{#gradient .vertical( #00FE5A ,#02CB4B);}
&.active{
h3{color: #73B700;}
}
h3{margin: 10px 0 0;font-size: 16px;}
span{font-size: 13px;}
}
}
.table-underline{
thead{border-bottom: 2px solid #404040;font-size: 14px; #gradient .vertical(#F5F5F5,#CCCCCC);}
tbody{
tr:hover{background: #FAFFED;}
}
}
// 2.Page About us
div.g-pageteam{line-height: 22px;
hr{height: 5px;background: #ccc;}
.b-gettouch{background: #eee;border-bottom: 3px solid #ccc;border-right:1px solid #ccc;padding: 20px; margin: 1em 0 4em; .box-sizing(border-box);
.h-heading4{font-size: 130%;font-weight: normal;line-height: 24px;margin: 0;font-family: "Georgia";font-style: italic;}
.btn{height: 35px; line-height: 35px;overflow: hidden;text-overflow: ellipsis;
&:active{vertical-align: -16px;}
}
}
.b-ourteam{margin-top: 20px;
[class*="span"]{margin-bottom: 10px;
.h-title{margin:0;font-size: 18px;line-height: 110%;}
.yt-lightbox{}
.member{color: #999;margin-bottom: 5px;}
.b-social{
div.yt-socialbt{margin-right: 5px;}
}
}
}
}
//About Us 2
div.g-page-about{
.yt-lightbox{
border: medium none;
margin: 0 40px 40px 0;
padding: 0;
&:hover{
border: none;
}
.rtl &{margin: 0 0 40px 40px;}
}
.b-block{
margin-bottom: 30px;
ul{
margin-top: 20px;
li{
margin-bottom: 15px;
i{
font-size: 7px;
color: #e4e7ee;
margin: 0 15px 0 0;
vertical-align: middle;
}
}
}
}
[class*="service"]{
margin-bottom: 70px;
padding: 0 270px 0 0;
.box-sizing(border-box);
position: relative;
&:after{
content: "";
position: absolute;
right: 50px;
top: 35px;
width: 120px;
height: 100px;
background: url(@{base-url}/services.png) no-repeat center 0;
}
&.service2{
&:after{
background-position: center -100px;
}
}
&.service3{
&:after{
background-position: center -200px;
height: 130px;
top: 5px;
}
}
.title{
text-transform: uppercase;
margin-bottom: 5px;
}
p{
line-height: 24px;
}
}
}
// 3.Page Services
#g-pageservices{
[class^="icon-"], [class*=" icon-"]{
background: #6BAB13;height: 64px;width:64px;text-align: center;line-height: 64px;border: 3px solid #eee;
.border-radius(64px);
}
article{overflow: hidden;
h3{font-size: 130%;}
a.readmore{font-size: 100%;
&:after{content: "\f105";font-family: FontAwesome;display: inline-block;color: #fff;background: #6BAB13;margin: -3px 3px 0;height:14px; width:14px;line-height: 14px; font-size: 12px; text-align: center;.border-radius(14px);}
&:hover{
&:after{color: #fff;}
}
}
}
h2{font-size: 180%;margin-bottom: 1em;}
hr{height: 5px;background: #eee;border-top-color: #ddd;margin: 3em 0;}
.testimonial-avatar{
[class^="icon-"], [class*=" icon-"]{border: none;}
}
}
// 4.Page Columns
#g-pagecolumn{
hr{height: 5px;background: #eee;border-top-color: #ddd;margin: 4em 0;float: left;width: 100%;}
}
// 5.Page portfolio
#g-pageportfolio{
[class*="span"]{position: relative; top: 0;background: #F9F9F9; .transition(all 0.2s ease 0s);border: 1px solid #ddd;.box-sizing(border-box);
.box-shadow(~"1px 1px 0 #FFFFFF inset,1px 0 0 #D8D8D8, 0 1px 0 #E5E5E5, 2px 1px 0 #D8D8D8, 1px 2px 0 #E5E5E5, 3px 2px 0 #D8D8D8, 2px 3px 0 #E5E5E5, 4px 3px 0 #D8D8D8, 4px 3px 0 #eee, 4px 3px 0 #E5E5E5, 4px 4px 0 #E5E5E5");
.port-item-img{position: relative;display: block;padding: 10px 10px 0;overflow: hidden;border-right: none;
.yt-lightbox{margin: 0;padding: 0;background: #000;border: 1px solid #fff;position: relative;
&:before{content: "";position: absolute;left: 0;top: 0;z-index: 1;width:100%;height: 100%;box-shadow: 0 0 4px #222 inset;}
img{.transition(all 0.3s ease);}
}
.icon-plus-sign{font-size: 4px;color: #eee;position: absolute;left: 50%;bottom:-100%;z-index: 10;margin: 0 0 -19px -22px;width:40px;text-align: center;
.transition(all 0.8s ease-in-out 0s) ;.opacity(0);
}
//Hover Images
&:visited{
.icon-plus-sign{ bottom: 100%;}
}
&:hover{
img{.opacity(70);}
.icon-plus-sign{ bottom: 50%;font-size: 45px;.opacity(100);}
}
}
.port-item-content{padding: 10px;
h4{margin-bottom: 5px;font-size: 130%;}
p{margin-bottom: 5px;}
a.readmore{font-size: 100%;
&:after{content: "\f105";background: #6BAB13;margin: -3px 3px 0;height:14px; width:14px;line-height: 14px; font-size: 12px; text-align: center;.border-radius(14px);}
&:hover{
&:after{color: #fff;}
}
}
}
//Hover Portfolio
&:hover{top: 4px;.box-shadow(none);}
}
}
// 6.Page What's new
#g-pagewhatnew{
.yt-lightbox.image-none{padding: 3px;background: #fff;.box-shadow(0 0 5px rgba(0, 0, 0, 0.1))}
h3.title{margin-bottom: 1em;border-bottom: 1px solid #eee;padding-bottom: 5px;font-size: 180%;}
}
// Support RTL Languages
// --------------------------------------------------
.rtl{
#g-pageportfolio [class*="span"] .port-item-content a.readmore:after,
#g-pageservices article a.readmore:after{content: "\f104";}
}
// Support Responsive
// --------------------------------------------------
//Tablet portrait (768x1024) && Small tablet landscape (800x600)
@media (min-width: 768px) and (max-width: 979px) {
// Page Join Now
ul.c-step{
li{margin: 0 30px;}
}
}
// Small tablet portrait (600x800) & Mobile landscape (480x320)
@media (max-width: 767px){
.yt-lightbox{float: none !important;}
#g-pageservices .span4{margin-bottom: 1em !important;}
#g-pageportfolio [class*="span"]{margin-bottom: 1em !important;
.port-item-img{display: inline-block;}
}
.yt-gallery ul li{width:auto !important;}
ul.c-step{
&:before{top:37%;}
li{ display: table-cell;}
}
div.yt-lightbox.image-left{float: none;display: inline-block;margin: 0 0 15px;}
div.g-pageteam div.b-ourteam [class*="span"]{margin-bottom: 30px !important;}
}