Last active
December 7, 2016 18:09
-
-
Save manbearwolf/8e45e3b92a6bf9bd60718eb8bf91d8bb to your computer and use it in GitHub Desktop.
Count Down Popular Posts Blogger https://helplogger.blogspot.com/2015/09/5-popular-posts-widget-for-blogger.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style type='text/css'> | |
.sidebar .PopularPosts ul { | |
counter-reset: popularcount; | |
margin: 0; | |
padding: 0; | |
} | |
.sidebar .PopularPosts ul li { | |
float: left; | |
max-height: 130px; | |
min-width: 250px; | |
position: relative; | |
} | |
.sidebar .PopularPosts .item-thumbnail::after { | |
color: rgba(255,255,255, 0.63); | |
content: counter(popularcount, decimal); | |
counter-increment: popularcount; | |
font: 70px 'Oswald', sans-serif; | |
list-style-type: none; | |
position: absolute; | |
left: 5px; | |
top: -5px; | |
z-index: 4; | |
} | |
.sidebar .PopularPosts .item-thumbnail::before { | |
background: rgba(0, 0, 0, 0.3); | |
bottom: 0px; | |
content: ""; | |
height: 100px; | |
width: 100px; | |
left: 0px; | |
right: 0px; | |
margin: 0px auto; | |
position: absolute; | |
z-index: 3; | |
} | |
.sidebar .PopularPosts .item-thumbnail a { | |
clip: auto; | |
display: block; | |
height: auto; | |
overflow: hidden; | |
} | |
.sidebar .PopularPosts .item-thumbnail { | |
width: 100px; | |
height: 100px; | |
margin: 0px 10px 0px 0px !important; | |
position: relative; | |
} | |
.sidebar .PopularPosts .item-thumbnail:hover:before { | |
display: none; | |
} | |
.sidebar .PopularPosts .item-thumbnail img { | |
position: relative; | |
padding-right: 0px !important; | |
height: 100%; | |
width: 100%; | |
object-fit: cover; | |
} | |
.sidebar .PopularPosts .item-title { | |
font: 13px 'Oswald', sans-serif; | |
text-transform: uppercase; | |
padding: 0px 5px 10px; | |
} | |
.sidebar .PopularPosts .item-title a { | |
color: #000; | |
text-decoration: none; | |
} | |
.sidebar .PopularPosts .item-snippet { | |
font: 13px "Times New Roman",Times,FreeSerif,serif; | |
} | |
.sidebar .PopularPosts .widget-content ul li { | |
padding: 0px 5px 0px 0px !important; | |
} | |
.sidebar .PopularPosts .item-content { | |
padding: 5px 0px; | |
border-bottom: 1px dotted #dedede; | |
overflow: hidden; | |
height: 100px; | |
position: relative; | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
For opening new windows for links (Problems) go here...
http://ask.mybloggertricks.com/t/fix-thumbnails-of-popular-posts-widget-opens-posts-in-a-new-window/237