A_Bad_Bitch

Kalia Filler

Mar 30th, 2016
880
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.40 KB | None | 0 0
  1. <style type="text/css">
  2. .pfor { display: none; }
  3. #profile { background-color: transparent; border: none; }
  4. </style>
  5.  
  6. <style type="text/css">
  7.  
  8. @import url(https://fonts.googleapis.com/css?family=Poiret+One);
  9. @import url(https://fonts.googleapis.com/css?family=Abel);
  10. @import url(https://fonts.googleapis.com/css?family=Cuprum);
  11.  
  12. body {
  13.  
  14. background-color: #000000;
  15. background-image: url(http://i.picpar.com/w99.png);
  16. background-attachment: fixed;
  17. background-position: center center;
  18. background-repeat: repeat;
  19. background-size: auto;
  20. font-family: Times New Roman;
  21. font-variant: normal;
  22. font-size: 70%;
  23. color: #666666;}
  24.  
  25. .HoverImage{
  26. position:absolute;
  27. bottom: 200px;
  28. left:530px;
  29. height:260px;
  30. width:228px;
  31. border-radius:0px;
  32. background:url('http://i.picpar.com/FaMb.jpg');
  33. background-size: 100% 100%;
  34. overflow:hidden;
  35. border:1px solid black;
  36. }
  37.  
  38. .poke{
  39. color: black;
  40. font-size:13px;
  41. font-family: 'Abel', sans-serif;
  42. margin: 5px;
  43. }
  44.  
  45. .effect{
  46. height:260px;
  47. width:228px;
  48. background-color:#fff;
  49. filter: alpha(opacity=0);
  50. opacity: 0;
  51. border-radius:0px;
  52. -webkit-transition: all 0.6s ease-out;
  53. -moz-transition: all 0.6s ease-out;
  54. }
  55.  
  56. .effect:hover{
  57. border-radius:0px;
  58. filter: alpha(opacity=100);
  59. opacity: 1;
  60. overflow:auto;
  61. }
  62.  
  63. #imagebox {position:fixed; top: 207px; left: 520px; padding: 5px; border: 1px solid #000000; box-shadow: 0 0 15px #F1BAB3; height: 268px; width: 238px; background-image:url('http://i.picpar.com/bUrb.png'); background-attachment:fixed; }
  64.  
  65. #title{ position:fixed; bottom: 150px; left: 525px; height: 30px; width: 670px; text-align: left; font-family: 'Poiret One', cursive; text-shadow: 0 0 10px white; font-size: 40px; color: #FA9492; z-index:1; opacity: 1; }
  66.  
  67.  
  68. h1 { Color: #000; font-family: 'Cuprum', sans-serif; Border-left: 15px double #FA9492; Border-right: 15px double #FA9492; Border-bottom: 1px solid black; font-size:15px; text-align: center; Margin-top: 6px;}
  69.  
  70. h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
  71.  
  72. </style>
  73.  
  74. <div id="imagebox"></div>
  75.  
  76. <div id="title">
  77. The Lady Rose
  78. </div>
  79.  
  80. <div class="HoverImage">
  81. <div class="effect">
  82. <div class="poke">
  83.  
  84. <h1>Insert Title Here</h1>
  85.  
  86. Stat: <font style=float:right>Input Info</font>
  87.  
  88. </div></div></div>
  89.  
  90. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>
Advertisement
Add Comment
Please, Sign In to add comment