Skip to content

Instantly share code, notes, and snippets.

@ajaydsouza
Last active August 29, 2015 13:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ajaydsouza/8692519 to your computer and use it in GitHub Desktop.
Save ajaydsouza/8692519 to your computer and use it in GitHub Desktop.
Top 10 - Left Thumbnail - Vertical layout
img.tptn_thumb {
width:65px !important;
height:65px !important;
display:block;
float:left;
clear:left;
margin-right:10px !important;
padding:3px !important;
border:1px #CCCCCC solid;
}
.tptn_posts_daily ul li, .tptn_posts ul li {
clear:both;
list-style:none;
margin-bottom:15px;
display:block;
background: none;
padding:0 !important;
}
.tptn_posts_daily ul, .tptn_posts ul {
margin:0 !important;
padding:0 !important;
}
.tptn_posts_daily .tptn_title, .tptn_posts .tptn_title {
font-weight:bold;
font-size:14px;
display:block;
padding-bottom:5px;
text-decoration:none;
line-height: 1.1em;
}
img.tptn_thumb:after {
content: ' ';
width: 100%;
height: 100%;
position: absolute;
top: -1px;
left: -1px;
border: solid 1px #222;
-wekbit-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
box-shadow: inset 0 0 1px rgba(255,255,255,.4), inset 0 1px 0 rgba(255,255,255,.4), 0 1px 2px rgba(0,0,0,.3);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
img.tptn_thumb {
vertical-align: bottom;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment