/* CSS ticker */ .ticker {overflow: hidden;} .ticker .title { float: left; width: 180px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; background: #2c97de; margin: 7px 7px; } .post-tag{ display: inline-block; height: 20px; line-height: 20px; padding: 0px 5px; font-size: 13px; margin-left: 4px; color: #fff !important; font-family: 'Museo500Regular', Helvetica, Arial, sans-serif; background-color: #B565BE; } .ticker .ticker-icon { float: left; margin-left: 10px; } .ticker .ticker-icon i { margin-right: 15px; display: inline-block; } .ticker .title h6 { font-family:'Oswald',sans-serif; float: left; line-height: 40px; font-size: 17px; font-weight: 400; text-transform:uppercase; } .ticker .tickercontainer { width: 80%; margin: 0; overflow: hidden; float: right; height: 40px; } .ticker .tickercontainer .mask { position: relative; overflow: hidden; height: 40px; } .ticker ul.newsticker { position: relative; right: 100px; list-style-type: none; margin: 0; padding: 0; height: 40px; } .ticker ul.newsticker li { float: left; padding: 2px; height: 40px; margin-left: 15px; } .ticker ul.newsticker a { white-space: nowrap; padding: 0 7px; color: #FFFFFF; height: 40px; font-size: 15px; font-weight:400; } a.post-tag { line-height: 21px; } .newsticker li:nth-child(1) a.post-tag{ background-color: #4791d2; } .newsticker li:nth-child(2) a.post-tag{ background-color: #E94B35; } .newsticker li:nth-child(3) a.post-tag{ background-color: #1E73BE; } .newsticker li:nth-child(4) a.post-tag{ background-color: #DD3333; } .newsticker li:nth-child(5) a.post-tag{ background-color: #E94B35; } .newsticker li:nth-child(6) a.post-tag{ background-color: #1E73BE; } .newsticker li:nth-child(7) a.post-tag{ background-color: #DD3333; } .newsticker li:nth-child(8) a.post-tag{ background-color: #479123; } .newsticker .recent-title{display: inline-block;} .ticker ul.newsticker span { margin: 0 10px 0 0; } .ticker ul.newsticker .sep { display: inline-block; width: 6px; height: 7px; } .ticker-section { overflow: hidden; background: #363b3f; -webkit-box-shadow: inset 0 5px 0 rgba(0,0,0,0.04); -moz-box-shadow: inset 0 5px 0 rgba(0,0,0,0.04); box-shadow: inset 0 5px 0 rgba(0,0,0,0.04); } .PageList .selectnav {margin-top: 8px;} @media screen and (max-width:1066px) { .ticker .tickercontainer {width: 80%;}} @media screen and (max-width:960px) { .ticker .tickercontainer {width: 75%;}} @media only screen and (max-width:768px){ .ticker .tickercontainer {width: 68%;}} @media only screen and (max-width:640px){ .ticker .title{display:none} .ticker .tickercontainer {width: 95%;}} }
Breaking News
recent
Tampilan : Daftar Grid
Tips menghilangkan galau     Galau adalah sebuah penyakit yang banyak diderita oleh beberapa kalangan saat ini utamanya anak muda,penyaki...

Komentar Terbaru

Just load it!