A Pen by A Non Ymous on CodePen.
Created
May 26, 2014 17:14
-
-
Save anonymous/d5477159c4e04b6109c7 to your computer and use it in GitHub Desktop.
A Pen by A Non Ymous.
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
<div id="post-<?php the_ID(); ?>" class="post-flyout"> | |
<div class="post-flyout_thumb"><?php echo $thumb; ?></div> | |
<div class="post-flyout_content"> | |
<h3 class="post-flyout_title"><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3> | |
<p class="post-flyout_byline">By <?php the_author(); ?> on <?php the_date(); ?></p> | |
<p class="post-flyout_desc"><?php the_excerpt(); ?></p> | |
</div> | |
</div><!-- #post-<?php the_ID(); ?> --> |
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
div.posts-by-tag-item.Buzz:hover div.post-flyout { | |
display: block; | |
} | |
.post-flyout { | |
width:100%; | |
max-width:500px; | |
display: none; | |
position: absolute; | |
left: 380px; | |
bottom: 1px; | |
padding: 10px; | |
border: none; | |
background: #333; | |
z-index: 999; | |
color: #fff; | |
} | |
.post-flyout_thumb { | |
float:left; | |
max-width:100px; | |
height:auto; | |
} | |
.post-flyout_content { | |
float:left; | |
margin-left:15px; | |
} | |
.post-flyout_title { | |
font-family:'Oswald', sans-serif; | |
font-size: 14px; | |
color:#fff; | |
} | |
.post-flyout_byline { | |
font-size:12px; | |
} | |
.post-flyout_desc { | |
font-size:12px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment