| 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 : |
/* 1.MODULE VARIATIONS
--------------------------------------------------------- */
.suffix strong{display: inline-block;}
// Mod Default Style
.module_menu,div.module{margin:0 0 30px;position: relative;}
.module{
h3.modtitle{
line-height:100%;
font-size:130%;
color:#f8f8f8;
font-weight:normal;
margin: 0;
padding: 10px;
text-transform: uppercase;
background: @background1;
}
div.modcontent{
padding: 20px;
background: #ffffff;
}
&.blank{
background: none;
h3.modtitle{background: none;color: #666666;}
div.modcontent{padding: 0;background: none;}
}
&.title1{
h3.modtitle{
background: #e4e7ee;
color: #444444;
}
}
&.title2{
h3.modtitle{
background: #fe2f2f;
}
}
&.title3{
h3.modtitle{
background: #6faa12;
}
}
&.title4{
h3.modtitle{
background: #0386c3;
color: #fffefe;
}
}
&.title5{
h3.modtitle{
background: #0cb4ae;
}
}
&.title6{
h3.modtitle{
background: #3b5998;
}
}
// Menu Style
&._menu{
.modcontent {
padding: 20px 15px;
ul.menu{margin: 0;
li{
padding-left: 10px;
padding-bottom: 0;
&.active,&:hover {
> a, > .separator{color:@linkColor;}
}
> a, > .separator{
padding:5px 0 ;
color: #666666;
display:block;
.transition(all 0.2s ease-out 0s);
&:before{
content: "\f006";
display: inline-block;
font-family: "fontawesome";
font-size: 10px;
margin: 0 10px 0 0;
vertical-align: top;
}
}
}
}
}
}
//Bg Style
&[class*="bgcolor"]{
h3.modtitle{
color: #fffefe;
#translucent .border(#ffffff,0.1);
border-style: solid;
border-width: 0 0 1px 0;
margin: 0 20px;
padding: 15px 0;
background: none;
}
.modcontent{
background: none;
li{
&:before{
content: "\f006";
display: inline-block;
font-family: "fontawesome";
font-size: 10px;
margin: 0 10px 0 0;
vertical-align: top;
}
}
}
&.bgcolor1{
background: #3b5998;
.modcontent{
color: #cccccc;
}
}
&.bgcolor2{
background: #0386c3;
.modcontent{
color: #cccccc;
}
}
&.bgcolor3{
background: #820250;
.modcontent{
color: #cccccc;
}
}
&.bgcolor4{
background: #0cb4ae;
.modcontent{
color: #eeeeee;
}
}
&.bgcolor5{
background: #6faa12;
.modcontent{
color: #eeeeee;
}
}
&.bgcolor6{
background: #fe2f2f;
.modcontent{
color: #eeeeee;
}
}
}
//Badge style
&[class*="badge-"]{
background: #ffffff;
border: 1px solid #e4e7ee;
padding: 20px 20px 20px 95px;
h3.modtitle{
color: #666666;
font-size: 100%;
padding: 0;
background: none;
text-transform: none;
line-height: 30px;
position: relative;
span.badge{
position: absolute;
display: inline-block;
width: 56px;
height: 30px;
left: -76px;
top: 0;
background: url(../images/badges.png) no-repeat;
.border-radius(0);
}
}
.modcontent{
padding: 0;
background: none;
}
.desc{
padding: 10px 0;
color: #fe2f2f;
}
&.badge-new{
h3.modtitle span.badge{
background-position: -100px 0;
}
.desc{
color: #6faa12;
}
}
&.badge-top{
h3.modtitle span.badge{
background-position: -200px 0;
}
.desc{
color: #820250;
}
}
&.badge-cool{
h3.modtitle span.badge{
background-position: -300px 0;
}
.desc{
color: #0cb4ae;
}
}
}
}
// Table Style
table.variations{width: 100%;clear:both;margin:3em 0 2em;border: 1px solid @paginationBorder;
tr{
&.odd{background: none;border: none;
td {text-shadow: 0 1px 1px rgba(255,255,255,0.6);}
}
td{border: 1px solid #ddd;padding: 5px 10px;color: @gray;
&.bold{font-weight: bold;background: darken(@white,5%);box-shadow: 0px 1px 0 @white inset;}
}
}
}
/* 2.MODULE JOOMLA DEFAULT
--------------------------------------------------------- */
//-----------K2 content-------------
div.most-popular.module{
margin-right: 20px;
margin-top: 20px;
h3.modtitle{
text-align: center;
&:before{
content: "\f0f4";
font-family: "fontawesome";
margin: 0 10px;
}
}
&.education{
h3.modtitle{
&:before{
content: "\f0b1";
}
}
}
&.travel{
h3.modtitle{
&:before{
content: "\f0e9";
}
}
}
div.modcontent{
padding: 10px 20px;
background: #fbfbfb;
}
div.k2ItemsBlock ul li a{
color: #666666;
&:hover{
color: @linkColor;
}
}
div.k2ItemsBlock ul li a.moduleItemComments{
border: none;
&:before{
content: "\f0e6";
font-family: "fontawesome";
margin: 0 5px 0 0;
}
}
.even, .odd {
background: none;
border-bottom: 1px solid #e4e7ee;
padding: 0;
}
div.k2ItemsBlock ul li.lastItem{
border: none;
}
div.k2ItemsBlock ul li{
padding: 6px 0;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated{
color: #999999;
font-size: 12px;
margin-bottom: 5px;
}
}
//-------------------------Mega1 - K2 Content------------------
.mega1 .k2ItemsBlock{
ul li{
float: left;
width: 30.6%;
margin-left: 4%;
overflow: hidden;
&:first-child{
margin-left: 0;
}
div.moduleItemIntrotext{
padding: 0;
}
div.moduleItemIntrotext a.moduleItemImage img {
border: none;
margin: 0 0 15px;
padding: 0;
}
a.moduleItemTitle{
font-size: 12px;
text-transform: uppercase;
color: #666666;
}
a.moduleItemComments {
border: none;
margin: 0;
padding: 0;
font-size: 12px;
color: #999999;
text-decoration: none;
&:hover{
color: @linkColor;
}
}
a.moduleItemReadMore{
a.readmore;
font-size: 100%;
margin-top: 7px;
padding: 2px 8px;
&:hover{
padding: 2px 5px 2px 11px;
}
}
}
}
//-------------------------Mega2 - K2 Content------------------
.mega-module-title h3{
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
}
.mega2{
.k2ItemsBlock{
.even,.odd{
background: none;
border: none;
padding: 10px 0;
}
ul li a.moduleItemTitle{
color: #666666;
&:before{
content: "\f111";
font-family: "fontawesome";
font-size: 5px;
margin-right: 10px;
vertical-align: top;
}
&:hover{
color: @linkColor;
}
}
}
}
.mega3{
ul li a{
color: #666666;
padding: 8px 0;
display: inline-block;
&:before{
content: "\f111";
font-family: "fontawesome";
font-size: 5px;
margin-right: 10px;
vertical-align: top;
}
&:hover{
color: @linkColor;
}
}
}
.mega4{
.image{
margin-bottom: 15px;
}
}
.mega5{
.left{
float: left;
width: 26%;
margin: 0 3% 0 0;
.title{
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 10px;
}
}
.image{
float: left;
width: 71%;
position: relative;
overflow: hidden;
img{
width: 100%;
}
.more{
position: absolute;
bottom: -50px;
width: 100%;
#translucent .background(#000000, 0.5);
.transition(all 0.25s ease-out 0s);
a{
display: inline-block;
color: #eeeeee;
text-transform: uppercase;
i.icon-play{
background: none repeat scroll 0 0 #EEEEEE;
color: #820250;
font-size: 150%;
line-height: 100%;
margin: 5px 10px 5px 5px;
padding: 8px 10px;
.transition(all 0.2s ease-out 0s);
display: inline-block;
}
&:hover{
i{
color: lighten(@linkColor,10%);
.gradientBar(lighten(@linkColor,15%), darken(@linkColor,5%), #eeeeee, 1px 1px 1px #000000);
}
}
}
}
&:hover{
.more{
bottom: 0;
}
}
}
}
//Mod finder
#mod-finder-searchform{
margin: 20px 0;
position:relative;
overflow: hidden;
input.inputbox{
.box-sizing(border-box);
#translucent .background(#ffffff, 0.9);
border: 1px solid #E7EAF0;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;
color: #666666;
font-size: 100%;
height: 32px;
padding: 0 35px 0 5px;
width: 99%;
margin: 0;
line-height:32px;
}
.button{
background: none repeat scroll 0 0 #E7EAF0;
border: medium none;
height: 32px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 34px;
z-index: 10;
.box-shadow(none);
}
i{margin: 0;font-size: 14px;color: #666666;}
}
////Mod Statistics
//dl.stats-module{margin: 0;
// dt{float: left;line-height: 28px;padding: 0 10px 0 15px;width: 110px;}
// dd{height: 28px;line-height: 28px;}
//}
//Top menu
ul.top-menu{
border-left: 1px solid #545454;
margin: 0;
li{
float: left;
border-right: 1px solid #545454;
a{
color: #EEEEEE;
font-size: 11px;
line-height: 12px;
padding: 10px 15px;
text-transform: uppercase;
}
&.active, &:hover{
a{
#translucent .background(#000000,0.1);
}
}
}
}
//Breadcrumb
#breadcrumb{
//position: absolute;
//top: 8px;
div.module{
margin: 0;
.modcontent{
background: none;
padding: 0;
}
ul.breadcrumb{
background: none;
margin: 0 0 15px;
padding: 0;
line-height: 12px;
li{
.divider{
margin: 0;
padding: 0;
i{
//width: 10px;
margin: 0 7px;
color: #cccccc;
}
}
a,span{
color: #999999;
font-size: 85.7%;
line-height: 100%;
text-transform: uppercase;
}
a:hover{ color: @linkColor;}
}
}
}
}
//Login Form Menu
#yt_menuposition{
#login-form1 {margin: 0;
.input-small{width:100%;height: 25px;line-height: 14px;.border-radius(15px);padding: 0 28px;font-size: 11px;border: none;.box-sizing(border-box);}
.input-prepend{width:100%;}
#form-login-username .input-small{background: @white url(../images/ico-login.png) 8px 4px no-repeat;}
#form-login-password .input-small{background: @white url(../images/ico-login.png) 8px -28px no-repeat;}
#form-login-remember label{ float: right;}
#form-login-submit{margin: 5px 0 20px;float: left;width:100%;
.checkbox{float: left;clear: both;}
.controls{float: right;}
.button{padding: 5px 27px 5px 13px; border: none;font-size: 12px;font-weight: bold;background-image: url("@{base-url}/send_button.png");background-position: 96% center;background-repeat: no-repeat;
&:hover{#translucent .background(@white, 0.3);}
}
}
ul.unstyled{width:auto;background: @backgroundSubnav;position: static !important;margin: 0 -15px -10px;padding: 4px 15px;clear: both;border-top: 1px dashed #667c9b;#translucent .border(@white, 0.4);
li{display: inline-block;
&:first-child:after{content: "|";color:#99a8bc;margin: 0 5px;}
a{ display: inline-block;font-weight: bold;color: @white;
&:hover{ color: @linkColor;}
}
}
}
}
}
#login-form .userdata .input-prepend .add-on{min-width: 25px;
i{margin: 0;}
}
/* 3.MODULE XHTML
--------------------------------------------------------- */
//Mod Networking Social
ul.social{
margin: 6px 0;
overflow:hidden;
li{
list-style:none;
float: left;
margin:0 3px;
text-align: center;
[data-iconsocial]:before {
font-family: 'SocialicoRegular';
content: attr(data-iconsocial);
speak: none;
font-weight: normal;
}
a{
display: block;
color: #414141;
height: 20px;
line-height: 20px;
width: 20px;
font-size: 18px;
#translucent .background(#e7eaf0,0.55);
.border-radius(28px);
&.facebook, &.linkein{font-size: 20px;}
&.twitter, &.vimeo, &.flickr{font-size:18px;}
&:hover{background: #e7eaf0;}
}
}
}
//Subcribe
div.subcribe{
margin: 0;
.modcontent{
position: absolute;
#translucent .background(@background1,0.9);
padding: 10px;
right: 0;
top: 0;
width: 310px;
.head{
text-align: center;
font-size: 11px;
text-transform: uppercase;
color: #eeeeee;
padding-bottom: 15px;
}
input[type="text"]{
width: 59%;
margin: 0;
vertical-align: top;
}
.btn-subcribe{
background: none repeat scroll 0 0 #E7EAF0;
color: #666666;
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0;
padding: 5px 0;
text-align: center;
text-transform: uppercase;
width: 35%;
&:hover{
background: #ffffff;
color: @linkColor;
}
i{
margin: -1px 0 0 3px;
}
}
}
}
div.mod-head{
text-align: center;
border-bottom: 1px solid #E4E7EE;
div.modcontent{
padding: 0;
}
.title{
color: @linkColor;
font-size: 214%;
text-transform: uppercase;
line-height: 100%;
border-top: 3px solid @background1;
padding: 10px 0 15px;
}
.content{
padding-bottom: 10px;
}
}
div.tit-benefit{
text-align: center;
h3.modtitle{
font-size: 205%;
color: #444444;
}
}
div.benefit{
text-align: center;
div.modcontent{
border: 1px solid #eeeeee;
}
i{
font-size: 60px;
display: block;
margin: 10px 0;
}
a{
margin: 0 0 10px;
color: #444444;
display: inline-block;
&.title{
font-size: 128.5%;
text-transform: uppercase;
margin: 10px 0;
display: inline-block;
}
&:hover{
color: @linkColor;
}
}
&:hover{
i{
color: @linkColor;
}
}
}
//-----------Spotlight10 modules--------
div.notify{
color: #cccccc;
a{
background: url(@{base-url}/logo2.png) no-repeat;
background-size: 100% auto;
display: inline-block;
height: 60px;
width: 270px;
max-width: 100%;
}
.info{
background: url(../images/speaker.png) no-repeat 0 center;
padding: 0 10px 0 45px;
margin: 20px 0;
}
}
div.bottom-line{
#translucent .border(#ffffff, 0.2);
border-width: 0 0 1px;
border-style: solid;
margin-bottom: 10px;
padding-bottom: 10px;
.nav{margin-bottom:0;}
}
div.footer-menu.module{
margin-bottom: 10px;
h3.modtitle{
color: #f8f8f8;
padding: 20px 0 10px;
}
.nav{margin-bottom:0;}
ul.menu{
li a{
color: #cccccc;
line-height: 172.5%;
&:before{
content: "\f111";
font-family: "fontawesome";
font-size: 5px;
margin: 0 7px 0 0;
vertical-align: middle;
}
&:hover{
color: lighten(@linkColor,50%);
background: none;
}
}
}
}
div.footer-social{
text-align: center;
margin: 25px 0;
ul.social{
display: inline-block;
}
}
div.sport.module{
div.modcontent{
background: url(../images/sports.png) no-repeat right 10px;
}
}
.right-line{
#translucent .border(#ffffff, 0.2);
border-width: 0 1px 0 0;
border-style: solid;
padding-right: 30px;
}
div.hotline.module{
background: url(../images/telephone.png) no-repeat;
margin: 13px 0 0;
padding: 5px 0 5px 40px;
span{
font-size: 128.5%;
text-transform: uppercase;
}
}
/* 4.MODULE YT
--------------------------------------------------------- */
.today{
line-height: 30px;
margin-top: 20px;
}
//-------------------------K2 Scroller-------------------------------
.slideshow{
.news-scroller .scroller-container {
background: none;
.border-radius(0);
.box-shadow(none);
display: block;
overflow: visible;
padding: 0;
position: relative;
}
.news-scroller .scroller-container .iviewSlider {
.border-radius(0);
}
.news-scroller {
overflow: visible;
}
.news-scroller .scroller-container.nav-style2 .iview-controlNav{
bottom: -40px;
opacity: 1 !important;
}
.news-scroller .scroller-container.nav-style2 .iview-controlNav a.iview-control{
width: 13px;
height: 13px;
margin-right: 10px;
border: 3px solid #666666;
background: none;
&:hover{
border-color: @background1;
}
&.active{
border-color: @background1;
background: @background1;
}
}
.news-scroller .scroller-container.nav-style2 div.iview-directionNav{
a{
width: 40px;
height: 40px;
background: url(../images/next_pre.png) no-repeat @background1;
text-indent: 0;
font-size: 44px;
line-height: 34px;
text-align: center;
&.iview-prevNav{
right: 0 !important;
left: auto !important;
margin-top: 0px;
background-position: center -40px;
}
&.iview-nextNav{
right: 0 !important;
background-position: center 0;
}
&:hover{
&.iview-prevNav,&.iview-nextNav{
background-color: lighten(@background1,5%);
}
}
&:active{
background-image: url(../images/next_pre.png);
}
}
}
.news-scroller .scroller-container .iview-caption{
max-width: 30%;
background: none;
#translucent .background(@background1,0.9);
padding: 30px;
.border-radius(0);
color: #e4e7ee;
text-shadow: none;
.caption-contain{
max-width: 100%;
}
a.ns-item-title{
color: #E4E7EE;
font-size: 214%;
font-weight: normal;
text-transform: uppercase;
white-space: normal;
line-height: 110%;
}
.ns-description{
color: #e4e7ee;
font-size: 128.5%;
line-height: 133%;
padding: 10px 0 20px;
}
.read-more{
display: inline-block;
padding: 12px 20px;
color: #666666;
background: #e4e7ee;
text-transform: uppercase;
&:hover{
background: #ffffff;
color: @linkColor;
}
}
}
}
//----------------------------Mod SJ module Tabs----------------------------
div.moduletabs div.tabs-container ul.tabs li div.tab{
&.selected,&:hover{color: @linkColor;}
}
//Tabs spotlight1
.tabs-spotlight1{
padding: 40px 0 0;
div.moduletabs.top-position div.tabs-container ul.tabs{
margin: 0;
}
div.moduletabs.top-position div.tabs-container ul.tabs li .tab{
border: none;
padding: 0 0 20px;
margin: 0 65px 0 0;
font-size: 128.5%;
color: #444444;
background: none;
text-transform: uppercase;
&:hover,&.selected{
background: none;
padding: 0 0 20px;
color: @linkColor;
position: relative;
&:after{
border-color: #f8f8f8 transparent;
border-style: solid;
border-width: 9px 9px 0;
bottom: -9px;
content: "";
display: block;
left: 50%;
position: absolute;
width: 0;
margin-left: -4px;
}
}
}
div.moduletabs div.tabs-content{
border: none;
padding: 25px 25px 10px;
}
div.moduletabs div.tabs-content-wrap{
background: #e4e7ee;
}
div.moduletabs.top-position div.tabs-content div.tabs-content-inner div.tab-content{
background: none;
}
div.moduletabs.top-position div.tabs-container{
height: auto;
margin: 0;
overflow: visible;
}
//K2 content
div.k2ItemsBlock ul li a.moduleItemImage{
float: left;
margin: 5px 20px 30px 0;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
border: medium none;
float: none;
margin: 0;
padding: 0;
}
div.k2ItemsBlock ul li span.moduleItemDateCreated{
color: #999999;
float: left;
font-size: 85.7%;
margin: 0 7px 0 0;
}
div.k2ItemsBlock ul li a.moduleItemTitle {
color: #666666;
line-height: 180%;
text-transform: uppercase;
&:hover{
color: @linkColor;
}
}
div.k2ItemsBlock ul li a.moduleItemReadMore{
display: inline-block;
margin: 20px 0;
i{
background: @background1;
font-size: 20px;
color: #ffffff;
padding: 0 8px;
.transition(all 0.2s ease-out 0s);
display: inline-block;
&:hover{
padding: 0 5px 0 11px;
}
}
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
line-height: 128%;
padding: 0;
}
}
//Tab Right
div.tab-right{
div.moduletabs.top-position div.tabs-container{
background: #e4e7ee;
height: auto;
margin-bottom: -4px;
}
div.moduletabs.top-position div.tabs-container ul.tabs li div.tab.selected,
div.moduletabs.top-position div.tabs-container ul.tabs li div.tab:hover{
background: @background1;
color: #ffffff;
padding: 10px 20px;
}
div.moduletabs div.tabs-container ul.tabs li .tab{
color: #444444;
font-size: 128.5%;
background: none;
border: none;
padding: 10px 20px;
}
div.moduletabs.top-position div.tabs-container ul.tabs{
margin: 0;
width:100%;
display:table;
li{
float:none;
display:table-cell;
}
}
div.moduletabs div.tabs-content-wrap{
background: #ffffff;
padding: 20px;
}
div.moduletabs div.tabs-content {
border: medium none;
padding: 0;
}
div.moduletabs.top-position div.tabs-content div.tabs-content-inner div.tab-content {
background: none;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
float: left;
width: 40%;
margin: 0 15px 0px 0;
}
div.k2ItemsBlock ul li {
margin-bottom: 40px;
&.lastItem{
margin-bottom: 20px;
}
}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
border: medium none;
float: right;
margin: 0;
padding: 0;
}
.info{
//margin: 0 0 15px;
}
a.moduleItemComments{
color: #999999;
font-size: 85.7%;
margin: 0 7px 0 0;
&:hover{
color: @linkColor;
}
}
}
//-------------------Tags-----------------------------
div.tags{
div.k2TagCloudBlock a {
background: none repeat scroll 0 0 #E6E9EF;
border-radius: 2px;
margin: 0 1px 1px 0;
padding: 4px 7px;
&:hover{
background: @background1;
}
}
div.k2TagCloudBlock {
padding: 0;
}
}
div.module.video{
padding: 20px;
background: @background1;
a{
text-transform: uppercase;
color: #ffffff;
}
}
//-------------------K2 Slider-----------------------------
div.slider{
.modcontent{
padding: 30px 30px 20px;
background: @background1;
}
.sj-k2-container-slider{
margin: 0;
}
.sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title{
font-size: 100%;
text-transform: uppercase;
a{
color: #eeeeee;
&:hover{
text-decoration: underline;
}
}
}
.sj-k2-container-slider .page-button .control-button{
text-indent: 0;
}
.sj-k2-container-slider .page-button.middle .control-button{
.preview, .next{
width: 30px;
height: 40px;
background: url(../images/next_pre.png) no-repeat center 0;
top: 33%;
.opacity(100);
//background: none;
//color: #ffffff;
//font-size: 36px;
&:hover{
//.opacity(100);
#translucent .background(#ffffff, 0.2);
}
}
.next{
right: -7px;
}
.preview{
background-position: center -40px;
left: -7px;
}
}
.sj-k2-container-slider .page-button.middle{
left: -15px;
right: -15px;
}
.sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-img {
border: none;
padding: 0;
&:hover{
.opacity(100);
}
}
.more-info{
color: #cccccc;
font-size: 85.7%;
a.moduleItemComments{
color: #cccccc;
float: right;
&:hover{
text-decoration: underline;
i{
text-decoration: none;
}
}
}
}
.sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info .item-title{
margin-bottom: 5px;
}
.view-more{
color: #eeeeee;
text-align: center;
padding: 20px 0 0;
margin: 30px -30px 0;
#translucent .border(#ffffff, 0.1) ;
border-width: 1px 0 0;
border-style: solid;
position: relative;
z-index: 10;
.see-more{
text-transform: uppercase;
a{
color: #eeeeee;
i{
.transition(all 0.2s ease-out 0s);
}
&:hover{
i{
margin-left: 5px;
}
}
}
}
}
.item-info span{
color: #cccccc;
}
.sj-k2-container-slider .slider .vpo-wrap .vp .item .item-wrap .item-info{
margin-top: 15px;
margin-bottom: 0;
}
.sj-k2-container-slider .preset01-3 .vpo-wrap .vp .item {
margin: 0 1.5%;
width: 30.3333%;
}
}
//Button video
.has-video{
position: relative;
i.icon-play{
background: none repeat scroll 0 0 #EEEEEE;
bottom: 0;
color: #820250;
font-size: 150%;
left: 0;
line-height: 100%;
margin: 0;
padding: 8px 10px;
position: absolute;
.transition(all 0.2s ease-out 0s);
}
&:hover{
i{
color: lighten(@linkColor,10%);
.gradientBar(lighten(@linkColor,15%), darken(@linkColor,5%), #eeeeee, 1px 1px 1px #000000);
}
}
}
a.readmore{
background: @background1;
color: #FFFFFF;
display: inline-block;
line-height: 100%;
font-size: 150%;
padding: 2px 10px;
.transition(all 0.2s ease-out 0s);
&:hover{
padding: 2px 6px 2px 14px;
text-decoration: none !important;
}
i.icon-angle-right{
margin: 0;
}
}
//-------------------------K2 Frontpage----------------------------
div.front-news{
div.modcontent{
padding: 20px 20px 0;
}
.sjk2frontpage.theme3 .big-item-wrap .big-item-image{
position: relative;
border: none;
margin: 0 30px 30px 0;
padding: 0;
.show-more{
position: absolute;
left: 0;
right: 0;
bottom: -40px;
#translucent .background(#000000, 0.5);
color: #eeeeee;
font-size: 12px;
padding: 10px 20px;
.transition(all 0.2s ease-out 0s);
.author{
float: left;
a{
display: inline-block;
color: #eeeeee;
&:hover{
text-decoration: underline;
}
}
}
.zoom{
float: right;
a{
color: #eeeeee;
&:hover{
text-decoration: none;
color: #ffffff;
}
}
i{
margin: 0 0 0 5px;
vertical-align: middle;
font-size:13px;
}
}
}
&:hover{
border: none;
.show-more{
bottom: 0;
}
}
}
.sjk2frontpage.theme3 .big-item-wrap {
margin: 0;
}
.sjk2frontpage .big-item-wrap .big-item-title a{
font-weight: normal;
font-size: 100%;
text-transform: uppercase;
}
.sjk2frontpage .big-item-wrap .big-item-datetime{
color: #999999;
font-size: 12px;
margin-bottom: 5px;
}
a.moduleItemComments{
color: #999999;
font-size: 12px;
margin-bottom: 5px;
display: inline-block;
i{
text-decoration: none;
}
&:hover{
color: @linkColor;
}
}
.sjk2frontpage .small-items-container .small-item-wrap .small-item-title a{
color: inherit;
text-transform: uppercase;
font-weight: normal;
&:hover{
color: @linkColor;
text-decoration: none;
}
}
.sjk2frontpage .big-item-wrap .big-item-description{
font-size: 100%;
}
.sjk2frontpage .big-item-wrap .big-item-readmore {
text-align: left;
margin-bottom: 20px;
}
.sjk2frontpage img:hover {
.box-shadow(none);
.opacity(100);
.transform(scale(1, 1));
}
.sjk2frontpage .small-items-container .small-item-wrap .small-item-image{
border: none;
margin: 0 30px 10px 0;
position: relative;
overflow: hidden;
.read-more{
position: absolute;
right: -50px;
bottom: -50px;
z-index: 20;
.transition(all 0.2s ease-out 0s);
i{
background: @background1;
margin: 0;
color: #ffffff;
padding: 3px 11px 7px 9px;
display: inline-block;
}
span{
display: inline-block;
position: relative;
width: 25px;
height: 25px;
&:before{
border-color: transparent @background1;
border-width: 25px 25px 0 0;
left: 0;
top: -25px;
border-style: solid;
content: "";
display: block;
position: absolute;
width: 0;
}
&:after{
border-color: transparent @background1;
border-width: 25px 25px 0 0;
left: -25px;
top: 0;
border-style: solid;
content: "";
display: block;
position: absolute;
width: 0;
}
}
}
&:hover{
border: none;
&:before{
border-width: 3px;
}
.read-more{
bottom: 0;
right: 0;
}
}
&:before{
content: "";
width: 100%;
height: 100%;
background: none;
border: 0px solid @background1;
position: absolute;
.box-sizing(border-box);
left: 0;
top: 0;
z-index: 10;
.transition(all 0.2s ease-out 0s);
}
}
.sjk2frontpage{
margin: 0;
}
.sjk2frontpage .small-items-container .small-item-wrap{
margin-bottom: 20px;
}
}
.no-modal .modal {
background: none;
border: none;
.border-radius(0);
.box-shadow(none);
margin: 0;
overflow: auto;
position: static;
width: auto;
}