Advertisement
kobial8

Isotop/Portfolio Type 2 | CSS Code

Feb 28th, 2015
223
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.91 KB | None | 0 0
  1. .projects{
  2.     overflow: hidden;
  3.     margin-bottom: -10px;
  4. }
  5. .project{
  6.     margin-bottom: 30px;
  7. }
  8. .project .project-thumb{
  9.     margin: 0 0 15px;
  10.     overflow: hidden;
  11.     position: relative;
  12. }
  13. .project .project-thumb figcaption{
  14.     background-color: #3498DB;
  15.     position: absolute;
  16.     width: 100%;
  17.     height: 100%;
  18.     text-align: center;
  19. }
  20.  
  21. .project .project-thumb figcaption i{
  22.     background: transparent;
  23.     border: 2px solid #fff;
  24.     border-radius: 1.5em;
  25.     color: #ffffff;
  26.     font-size: 1.7em;
  27.     line-height: 1.9em;
  28.     text-align: center;
  29.     text-decoration: none;
  30.     width: 2.1em;
  31.     margin-top: 100px;
  32. }
  33. .project .project-thumb figcaption i:hover{
  34.     background: #ffffff;
  35.     color: #3F90C5;
  36. }
  37. .project .project-title{
  38.     margin: 0 0 2px;
  39. }
  40. .light .project .project-title a{
  41.     color: #292929;
  42. }
  43. .light .project .project-title a:hover{
  44.     color: #3486BC;
  45. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement