Advertisement
Guest User

Untitled

a guest
Feb 12th, 2016
63
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.30 KB | None | 0 0
  1. <li class="temnyi">
  2. <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>" class="svetlyi"><?php the_title(); ?></a>
  3. <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
  4. </li>
  5.  
  6. .temnyi { position: relative;margin-bottom: 15px;}
  7. .svetlyi { position: absolute; right: 0px; bottom: 5px;background: rgba(0, 0, 0, 0.5); padding: 4px 9px 5px 9px; color: #fff; width: 235px;}
  8. .temnyi a:hover {color:#ffff99}
  9.  
  10. .temnyi img:hover {
  11. color: #000;
  12. }
  13.  
  14. .temnyi img:hover {
  15. filter: brightness(0.2);
  16. -webkit-filter: brightness(0.2);
  17. -moz-filter: brightness(0.2);
  18. -o-filter: brightness(0.2);
  19. -ms-filter: brightness(0.2);
  20. }
  21.  
  22. img:hover a {
  23. color:yourcolor;
  24. }
  25.  
  26. <li class="temnyi">
  27. <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">php the_post_thumbnail();</a>
  28. <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>" class="svetlyi">php the_title();</a>
  29. </li>
  30.  
  31. .temnyi { position: relative;margin-bottom: 15px;}
  32. .svetlyi { position: absolute; right: 0px; bottom: 5px;background: rgba(0, 0, 0, 0.5); padding: 4px 9px 5px 9px; color: #fff; width: 235px;}
  33. .temnyi a:hover, .temnyi a:first-of-type:hover + a {color:#ffff99}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement