Advertisement
Qhuinn

Ficha SS

Oct 11th, 2016
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.04 KB | None | 0 0
  1. #baseficha-roanoke {width: 500px; background: #eee; border-bottom: 100px solid #000;}
  2. .textficha-roanoke {padding: 23px; line-height: 110%; text-align: justify; font-family: verdana; color: #000; font-size: 11px; font-weight: normal;}
  3. .fichabar-roanoke {height: 1px; background: #000; width: 80px; border-bottom: 4px solid #eee; display: inline-block;}
  4. .titficha-roanoke {display: inline-block; width: 150px; font-family: benchnine; line-height: 100%; padding: 5px; border: 1px solid #000; text-transform: uppercase; font-size: 12px;}
  5. .fichapic-roanoke {overflow: hidden; position: relative; width: 500px; height: 225px;}
  6. .fichapic-roanoke .roanoke-lines {height: 225px; width: 500px; background:repeating-linear-gradient(-90deg, transparent, transparent 30px, rgba(255, 255, 255, 0.6) 30px, rgba(255, 255, 255, 0.6) 60px); position: absolute; top: -225px; transition: 1s; transition-delay: 0.5s;}
  7. .fichapic-roanoke:hover .roanoke-lines {top: 0px; transition: 1s;}
  8. .fichapic-roanoke .roanoke-lines2 {height: 225px; width: 540px; background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6) 30px, transparent 30px, transparent 60px); position: absolute; bottom: -225px; right:-30px; transition: 1s; transition-delay: 0.5s;}
  9. .fichapic-roanoke:hover .roanoke-lines2 {bottom: 0px; transition: 1s;}
  10. .fichapic-roanoke .cajadatos datos {display: block; width: 400px; font-size: 10px; font-family: calibri; line-height: 100%; text-transform: uppercase; padding-bottom: 4px; border-bottom: 1px solid #fff; color: #fff; margin-bottom: 5px; font-weight: bold;}
  11. .fichapic-roanoke .cajadatos a {font-size: 11px; letter-spacing: 3px; font-family: calibri; text-transform: uppercase; line-height: 100%; display: block; padding: 3px; outline: 1px solid #fff; width: 392px; font-weight: normal;}
  12. .fichapic-roanoke .cajadatos {opacity: 0; transition: 0.5s; position: absolute; top: 25px; left: 25px; width: 450px; height: 163px; padding-top: 12px; background: #000;}
  13. .fichapic-roanoke:hover .cajadatos {transition: 0.5s; transition-delay: 1s; opacity: 1;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement