Popular Posts الشائعة

مشاهدات الان
السلام عليكم

 البحث عن

]]></b:skin>

فوقه

.PopularPosts .item-thumbnail {

    float: none;

    margin: 0 0 10px

}

.PopularPosts .item-title {

    background: rgba(0, 0, 0, 0.5);

    position: absolute;

    display: block;

    clear: both;

    z-index: 50;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 15px;

    transition: all .4s;

}

.PopularPosts .item-title:hover {

    background: rgba(0, 0, 0, .2)

}

.PopularPosts .item-title a {

    color: rgba(255, 255, 255, 0);

    font-weight: 700;

    font-size: 120%;

    text-shadow: 0 0 5px rgba(0, 0, 0, 0)

}

.PopularPosts .item-title:hover a,

.PopularPosts .item-title a:hover {

    color: rgba(255, 255, 255, 1);

    text-shadow: 0 0 5px rgba(0, 0, 0, .3)

}

.PopularPosts .widget-content ul li img {

    translate(0, 0) scale(1.0);

    transition: all .8s linear

}

.PopularPosts .widget-content ul li:hover img {

    transform: translate(0, -20px) scale(1.05);

    transition: all 3.6s linear;

}

.PopularPosts img {

    display: block;

    height: auto;

    width: 100%;

    padding: 0;

    backface-visibility: hidden;

}

.PopularPosts .item-snippet {

    display: none;

}

.PopularPosts ul li .item-content {

    position: relative;

    overflow: hidden;

}

.PopularPosts ul {

    padding: 0;

    line-height: normal;

    counter-reset: count;

}

.PopularPosts .widget-content ul li {

    position: relative;

    padding: 10px 0;

    overflow: hidden;

    max-height: 150px;

    transition: all .4s;

}

.PopularPosts .widget-content ul li:before {

    color: #fff;

    counter-increment: count;

    content: counter(count);

    position: absolute;

    right: -15px;

    top: -5px;

    font: bold 80px/1 'Roboto Slab', serif;

    z-index: 51;

    transition: all .4s;

}

.PopularPosts .widget-content ul li:hover:before {

    right: -55px;

}

.PopularPosts ul li:nth-child(1) .item-title {

    background: rgba(221, 25, 29, 0.5);

}

.PopularPosts ul li:nth-child(2) .item-title {

    background: rgba(141, 187, 144, 0.5);

}

.PopularPosts ul li:nth-child(3) .item-title {

    background: rgba(39, 169, 255, 0.5);

}

.PopularPosts ul li:nth-child(4) .item-title {

    background: rgba(192, 202, 51, 0.5);

}

.PopularPosts ul li:nth-child(5) .item-title {

    background: rgba(26, 35, 126, 0.5);

}

.PopularPosts ul li:nth-child(6) .item-title {

    background: rgba(0, 188, 212, 0.5);

}

.PopularPosts ul li:nth-child(1) .item-title:hover,

.PopularPosts ul li:nth-child(2) .item-title:hover,

.PopularPosts ul li:nth-child(3) .item-title:hover,

.PopularPosts ul li:nth-child(4) .item-title:hover,

.PopularPosts ul li:nth-child(5) .item-title:hover,

.PopularPosts ul li:nth-child(6) .item-title:hover {

    background: rgba(0, 0, 0, 0.2);

}


.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {

font-size:100%;

filter:alpha(100);

opacity:10;

}

.cloud-label-widget-content{

text-align:left;

}

.label-size {

border: 1px solid #00ada7;

    background: #00ada7;

display:block;

float:left;

margin:0 3px 3px 0;

color:#ffffff;

font-size:14px;

}

.label-size a,.label-size span{

display:inline-block;

color:#ffffff !important;

padding:6px 8px;

}

.label-size:hover {

background:#333333;

}

.label-count {

white-space:nowrap;

padding-right:3px;

margin-left:-3px;

background:#303030;

color:#fff !important;

}

.label-size {

line-height:1.2

}

وسلامتكم

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""
    تعليق المدون
    تعليق الفيسبوك

0 التعليقات :

إرسال تعليق