| 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 : |
// ---------------------------------------------------------
// GENERIC ARTICLE STYLES
// ---------------------------------------------------------
// 1.List All Categories
// ---------------------------------------------------------
#yt_component p { line-height: 25px; }
div.categories-list{
> div{margin-bottom: 1em;
h3.page-header{border-bottom: none;font-size: 150%;margin: 0;font-weight: normal;
.badge{vertical-align: 3px;display: inline-block;}
}
}
//Categories Weblinks
ul{position: relative;margin: 0;padding-left: 15px;
li{list-style: none;font-weight: bold;
ul > li{list-style: none;position: relative;margin: 0;padding: 10px 0 0 8px;overflow: hidden;
&:after{ border-left: 1px solid @inputBorder;content: "";height: 30px;width: 1px;left: 0px;position: absolute;top: 0;}
&:before{content: "";border-bottom: 1px solid @inputBorder;width:7px;height: 1px;position: absolute;left: 0px;top: 28px;}
.item-title{padding: 3px 8px;}
}
}
}
}
// 2.Category Blog
// ---------------------------------------------------------
.blog{
.heading-category{
div.itemListCategory;
}
.items-leading{
overflow: hidden;
padding: 0 0 15px;
//border-bottom: 1px dotted @borderItemsLeading;
&.cols-2,&.cols-3,&.cols-4{border-bottom: none;}
.item{.items-row .item();}
}
.items-row{
&.cols-2,&.cols-3,&.cols-4,&.row-0{border-top: none;}
.item{
.item-image{
background:url(../images/loading.gif) no-repeat center center #E6E6E6;
margin: 0 25px 50px 0;
padding: 0;
position: relative;
text-align: center;
width: auto;
max-width: 100%;
overflow: hidden;
.show-more{
position: absolute;
left: 0;
right: 0;
bottom: -60px;
#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;
&:before{
vertical-align: 1px;
}
}
}
}
//Hover item images
&:hover{
.show-more{
bottom: 0;
}
}
}
.block-info{ /*.clearfix();*/
.page-header{margin: 0 0 8px;padding: 0;border-bottom: 0;
h2{ font-size: 115%;font-weight: bold;margin: 0;
a{color: @gray;
&:hover{color: @linkColor;}
}
}
}
.item-headinfo{
overflow: hidden;
margin-bottom: 8px;
dl.article-info{
float: left;
margin: 0;
width:80%;
dd{
display: inline-block;
color: #999999;
font-size: 85.7%;
margin: 0 7px 0 0;
//line-height: 24px;
padding: 0;
}
}
ul.actions{
list-style: none;
margin: 0;
float: right;
li{margin: 0 0 0 10px;float: right;height: 17px;
&.print-icon a{
background: url(../images/print-email.png) no-repeat 0 bottom;
}
&.email-icon a{
background: url(../images/print-email.png) no-repeat;
}
&.edit-icon a{text-indent: 0;height: auto;margin-top: -3px;}
a{display: inline-block;overflow: hidden;text-indent: 100%;white-space: nowrap;width:16px;height: 17px;}
}
}
}
//> p{display: inline;}
.intro-text{
margin-bottom: 20px;
}
}
// More Colums Articles
&.span6 .item-image,
&.span4 .item-image{float: none !important;margin: 0 0 2em;display: inline-block;}
&.span3 {
.item-image{
float: none !important;
margin: 0 0 1em;
min-width: auto !important;
}
.article-text .item-headinfo ul.actions{display: none;}
}
}
}
}
// 3.Featured Articles
// ---------------------------------------------------------
body.homepage .blog-featured .items-leading{padding: 0;border: none;
.article-text h2.item-title{font-size: 150%;font-weight: normal;
a{color: @linkColor ;}
}
}
.blog-featured{
.items-leading{
&.cols-2,&.cols-3,&.cols-4{border-bottom: none;}
.item{ padding: 0 0 10px 0;.blog .items-row .item();
&.leading-0{padding-top: 0;}
}
}
.items-row {
overflow: hidden;
&.cols-2,&.cols-3,&.cols-4,&.row-0{border-top: none;}
.item{.blog .items-row .item();}
}
.heading-category{
.blog .heading-category;
}
}
// 4.Single Article
// ---------------------------------------------------------
.item-page{
.componentheading{
div.itemCategory;
}
.page-header{
.blog .items-row .item .article-text .page-header();
margin: 0;
padding: 0;
border: none;
}
.actions{float:right;
li{
border-left: 1px solid #CCCCCC;
display: inline;
font-size: 12px;
list-style: none outside none;
margin: 0;
padding: 0 4px 0 8px;
text-align: center;
}
}
.article-info{
.blog .items-row .item .block-info .item-headinfo();
margin-bottom: 15px;
dl.article-info dd.create{background: none;padding: 0; color: #A8A8A8;}
.actions .edit-icon a{text-indent: 0;height: auto;margin-top: -3px;}
}
.image-overlay{.blog .items-row .item .item-image .image-overlay();}
div.related-items-title{text-transform: uppercase;margin-top: 2em;}
ul.related-items .img-fulltext{
.zoom-image();
}
h3.related-title{
border-top: 1px solid #e4e7ee;
text-transform: uppercase;
font-size: 100%;
margin: 30px 0;
padding: 30px 0 0;
font-weight: normal;
}
.img-fulltext{
position: relative;
margin-bottom: 20px;
text-align: center;
div.img_caption p.img_caption{padding: 5px 0;}
&:hover{
.image-overlay{.opacity(100);
.hover-links a{
&.hover-zoom{.translate(0, 0);}
&.hover-link{.translate(0, 0);}
}
}
}
}
.itemIntroText{
margin-bottom: 20px;
}
ul.related-items li .img-fulltext{
display: inline-block;
margin: 0 20px 30px 0;
}
ul.related-items li h3.related-item-title{
font-weight: normal;
}
// Editer Article
&.edit {
.formelm-buttons{margin:0 0 1em 0;}
.button2-left a.modal{position: static;border: none;width:auto;height: auto;.box-shadow(none);}
}
div.img_caption{
max-width: 100%;
}
}
.calendar table td{display: table-cell;}
.calendar thead .hilite{border: none;}
// 5.Category List
// ---------------------------------------------------------
.category-list{
h2{
.blog .heading-category();
}
.cat-items{
.display-limit{
select{width:auto;}
}
}
}
// 6.Archived Articles
// ---------------------------------------------------------
div.archive{
.filter-search{background: @grayLighter;border-color: @paginationBorder;border-radius: 0;
#limit{width: auto;margin-right: 10px;}
}
#archive-items{
> div{border-top: 1px dotted @inputBorder;padding: 10px 0;
&:first-child{border-top: none;}
&.row1{background: @tableBackgroundHover;}
h2.item-title{margin: 0;font-size: 115%;}
dl.article-info{ color: @grayLight;margin: 0;
dd{ display: inline-block;font-size: 91.7%;line-height: 24px;margin: 0;padding: 0;}
}
.intro > p{display: inline;}
}
}
}
// 7.Pagination
// ----------------------------
.pagination{
height: auto;
margin: 0 0 20px;
ul{
border-radius: 0;
box-shadow: none;
margin: 0;
li{
display: inline-block;
margin: 0 2px;
a, span{
line-height: 25px;
padding: 0 10px;
background: #e4e7ee;
border-radius: 0 !important;
border: none;
span{
float: none;
background: none;
border: none;
padding: 0;
line-height: 100%;
}
}
a{
background: #ffffff;
&:hover{
background: @background1;
color: #ffffff;
}
}
span.active{
background: @background1;
span{
background: none;
color: #ffffff;
}
}
}
}
}
// 8.Page Email & Print
// ---------------------------------------------------------
.contentpane{margin: 1em;font-size: 12px; font-family: @sansFontFamily;color: @navbarText;
#mailto-window{
> h2{font-size: 160%;font-weight: normal;}
.mailto-close{position: absolute;right: 20px;top:15px;font-size: 16px;}
.formelm label{color: @navbarText;}
}
.item-page{
.img-fulltext{display: inline-block;}
ul.related-items li .img-fulltext{display: block;}
ul.related-items li h3.related-item-title{margin-bottom: 1.5em;}
}
div.img_caption{width: auto !important;}
.item-page .img-fulltext{display: block;}
.row-fluid {
[class*="span"]:first-child{margin-left: 0;}
.span4 {width: 31.6239%;float: left;margin-left: 2.12766%;}
.span3 {width: 23.0769%;float: left;margin-left: 2.12766%;}
}
}
// 9.Page Break
// ---------------------------------------------------------
dl.tabs{width:100%;border-bottom: 1px solid #E7E7E7;margin: 1.5em 0 1em;padding: 0 10px; .clearfix(); .box-sizing(border-box);
dt{float: left;margin-right: 5px;margin-bottom: -1px;
&.open h3{background:@white; border-bottom-color:@white;
a{color: #73B700;}
}
h3{background:@tableBackgroundHover;margin: 0;padding: 7px 10px 8px;font-size: 116.7%;border: 1px solid @dropdownDividerTop;
a{ color: #808080;}
}
}
}
dd.tabs{margin: 0;}
// ---------------------------------------------------------
// GENERIC JOOMLA PAGE
// ---------------------------------------------------------
// 1.Search
// ---------------------------------------------------------
// Search Component
.search{
#searchForm{
legend{font-size: 18px;}
.phrases-box input,.only input {float: left;margin-right: 5px;}
}
.search-results{clear: both;
.result-category,.result-text{padding: 0;margin: 0;}
.result-text{padding-bottom: 1em;margin-bottom: 1em; border-bottom: 1px solid @paginationBorder;}
}
}
// Smart Search Component
.finder{
#search-form{background: #ECF0E8;border: 1px solid @paginationBorder;padding: 20px;.box-shadow(0 0 0 1px #f4f4f4 inset);
#finder-search{margin: 0;
#advanced-search{padding: 10px 0 0;}
}
}
#search-results{
#search-query-explained{margin: 1em 0;border-bottom: 3px solid @grayLighter;font-weight: bold;.box-shadow(inset 0 -1px 0 @inputBorder)}
ul.list-striped {margin: 0;list-style: none;
li{margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px solid #eee;
.result-url{color: @grayLight;}
}
}
}
.form-inline label {
font-size: 14px;
margin-bottom: 15px;
width: 150px;
}
}
// 2.Newsfeed
// ---------------------------------------------------------
.newsfeed-category{
.display-limit {}
}
.newsfeed {
h2{border-bottom: 1px solid #ddd;padding-bottom: 10px;font-size: 160%;}
.feed-description{background: @grayLighter;padding: 10px;}
ol{margin: 0;list-style: none;
li{ border-bottom: 1px dotted @inputBorder;padding: 10px 0;
a{ font-size: 120%;color: @navbarText;font-weight: bold;}
.feed-item-description{ margin-top: 10px;overflow: hidden;
> img:first-child{ background: none repeat scroll 0 0 @white;border: 1px solid @grayLighter;margin: 0 0 10px 15px;padding: 5px;}
}
&:hover{background: @tableBackgroundHover;
a{color: @linkColor;}
}
}
}
}
// 3.weblink
// ---------------------------------------------------------
//Categories Weblinks
div.weblink-category{
h3{font-size: 130%;}
ul{position: relative;margin: 0;padding-left: 15px;
li{list-style: none;font-weight: bold;
ul > li{list-style: none;position: relative;margin: 0;padding: 10px 0 0 8px;overflow: hidden;
&:after{ border-left: 1px solid @inputBorder;content: "";height: 30px;width: 1px;left: 0px;position: absolute;top: 0;}
&:before{content: "";border-bottom: 1px solid @inputBorder;width:7px;height: 1px;position: absolute;left: 0px;top: 28px;}
.item-title{padding: 3px 8px;}
}
}
}
}
// 3.User Component
// ---------------------------------------------------------
h1.title{font-size: 180%;}
h2.subtitle{font-size: 130%;}
// Login Form
.login{
.form-horizontal{margin-bottom: 0;}
.well{background: none;border: none;border-radius: 0;box-shadow: none;padding: 10px 0 0;margin: 0;
.control-label{
label{font-weight: bold;}
}
.controls{margin: 0;}
}
}
ul.nav-tabs.nav-stacked{padding-left: 20px;margin-left: -8px;
li{list-style: disc;
a{background: none;border: none;border-radius: 0;padding: 3px 0;}
}
}
//Register
.registration{
.page-header{.blog .items-row .item .article-text .page-header();
h2{}
}
.form-horizontal .control-label{text-align: left;
label{font-weight: bold;}
}
}
.reset,.remind{
.control-label{.registration .form-horizontal .control-label();}
}
// 4.Contact Component
// ---------------------------------------------------------
div.contact{
.heading-category{
.blog .heading-category;
}
.contact-image{
margin-bottom: 45px;
}
[class*="icon-"]{
float: left;
font-size: 250%;
margin: 0 15px 0 0;
color: @linkColor;
}
.email [class*="icon-"]{
.transform(rotate(270deg));
font-size: 180%;
margin: 5px 10px 0 -5px;
}
address{
margin-bottom: 15px;
}
.number{
margin-bottom: 15px;
span{
line-height: 250%;
margin: 0 10px 0 0;
}
}
.email a{
line-height: 250%;
}
.panel-form{
margin: 65px 0 0;
}
.tit-contact-form{
text-transform: uppercase;
margin: 0 0 15px;
}
input[type="text"],input[type="email"],
textarea{
border: 1px solid #e4e7ee;
width: 100%;
background: #ffffff;
padding: 5px 12px;
.box-sizing(border-box);
&:focus{
box-shadow: none;
}
}
input[type="text"], input[type="email"]{
height: 35px;
margin-bottom: 8px;
}
.form-horizontal .control-group {
margin-bottom: 0;
}
.group-name,.group-email{
float: left;
width: 50%;
}
button{
background: #e4e7ee;
text-transform: uppercase;
color: inherit;
padding: 8px 20px;
border: none;
}
}
//Component tags
ul.catItemTags{
display: inline;
li{
display: inline-block;
}
}
.tag-category{
.item-image{
width: 45%;
margin: 0 20px 30px 0;
}
.catItemTitle{
text-transform: uppercase;
margin: 0 0 10px;
a{
color: inherit;
&:hover{
color: @linkColor;
}
}
}
}