Advertisement
Qhuinn

Nector

Oct 22nd, 2016
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.05 KB | None | 0 0
  1. #startroanoke {background: #f2f2f2; width: 430px; outline: 1px solid #e1e1e1; outline-offset: -5px; padding: 5px;}
  2. .picstart-roanoke {position: relative; width: 360px; height: 193px; overflow: hidden; margin-top: 35px;}
  3. .pjstart-roanoke {display: inline-block; margin-left: 2px; width: 175px; overflow: hidden; height:116px; position: relative; outline: 1px solid #f2f2f2; outline-offset: -5px;}
  4. .pjstart-roanoke .inside {width: 165px; background:rgba(252, 252, 252, 0.7); position: absolute; top: 5px; left: 5px; height: 0px; transition: 1s;}
  5. .pjstart-roanoke:hover .inside {height: 106px; transition: 1s;}
  6. .pjstart-roanoke .text1 {left: 5px; position: absolute; top: 0px; padding-top: 25px; line-height: 100%; width: 165px; font-family: alex brush; font-size: 30px; text-align: center; opacity: 0; transition: 0.5s; text-transform: lowercase; font-weight: bold; color: #1d1d1d;}
  7. .pjstart-roanoke:hover .text1 {opacity: 1; transition: 0.5s; transition-delay: 1s;}
  8. .pjstart-roanoke .text2 {position: absolute; width: 165px; display: block; text-transform: uppercase; font-family: calibri; top: 50px; font-size: 9px; letter-spacing: 5px; text-align: center; opacity: 0; transition: 0.5s; font-weight: bold; left: 5px;}
  9. .pjstart-roanoke:hover .text2 {opacity: 1; transition: 0.5s; transition-delay: 1.5s;}
  10. .pjstart-roanoke .text3 {left: 5px; position: absolute; top: 60px; font-family: calibri; font-size: 9px; font-weight: bold; text-transform: uppercase; width: 165px; letter-spacing: 5px; text-align: center; opacity: 0; transition: 0.5s;}
  11. .pjstart-roanoke:hover .text3 {opacity: 1; transition: 0.5s; transition-delay: 2s;}
  12. .startdesc-roanoke {line-height: 100%; padding-left: 35px; padding-right: 35px; text-align: justify; font-weight: normal; font-size: 11px; font-family: verdana; color: #1d1d1d; padding-top: 20px; padding-bottom: 35px;}
  13. .startdesc-roanoke a {font-family: georgia; font-style: italic;}
  14. .startdesc-roanoke .subtit {display: inline-block; font-size: 30px; font-family: alex brush; font-weight: bold; color: #721a39; line-height: 100%; text-align: right;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement