Advertisement
Guest User

Untitled

a guest
Jul 20th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.95 KB | None | 0 0
  1. #profile-container {
  2. background: none;
  3. }
  4.  
  5. body {
  6. font-smooth: always;
  7. background-color:#fff;
  8. cursor: url('http://i.imgur.com/2qleX.jpg'), progress !important;
  9. width: 100%;
  10. overflow: visible;
  11.  
  12. }
  13.  
  14. @font-face{
  15. font-family: name;
  16. src: url('https://dl.dropboxusercontent.com/s/m444v6udpoanfp7/Taken%20by%20Vultures%20Demo.otf?dl=0');}
  17.  
  18.  
  19. #profile-container {
  20. background: transparent;
  21. }
  22.  
  23. frame#tumblr_controls, iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  24. position:fixed;
  25. white-space:nowrap;
  26. -webkit-filter: invert(100%);
  27. -moz-filter: invert(100%);
  28. -o-filter: invert(100%);
  29. -ms-filter: invert(100%);
  30. filter: invert(100%);
  31. opacity:.5;transition: .8s ease-in-out;
  32. -webkit-transition: .8s ease-in-out;
  33. -moz-transition: .8s ease-in-out;
  34. -o-transition: .8s ease-in-out;
  35. }
  36.  
  37. #s-m-t-tooltip {
  38. max-width:300px;
  39. padding: 5px 8px;
  40. margin:10px;
  41. background-color:#fff;
  42. font-size:8px;
  43. letter-spacing:1px;
  44. text-transform:uppercase;
  45. color:#777;
  46. border-radius:2px;
  47. border:1px solid #f8f8f8;
  48. z-index:100000000000000000000000000000000000000000;
  49. transition:0.5s ease-in-out;
  50. -webkit-transition:0.5s ease-in-out;
  51. -moz-transition:0.5s ease-in-out;
  52. -ms-transition:0.5s ease-in-out;
  53. -o-transition:0.5s ease-in-out;
  54. }
  55.  
  56. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  57. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  58. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  59.  
  60. .fade-in {
  61. opacity:0;
  62. -webkit-animation:fadeIn ease-in 1;
  63. -moz-animation:fadeIn ease-in 1;
  64. animation:fadeIn ease-in 1;
  65. -webkit-animation-fill-mode:forwards;
  66. -moz-animation-fill-mode:forwards;
  67. animation-fill-mode:forwards;
  68. -webkit-animation-duration:1s;
  69. -moz-animation-duration:1s; animation-duration:1s; }
  70.  
  71. .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
  72.  
  73.  
  74. .image1{
  75. z-index: -1;
  76. position: fixed;
  77. display: block;
  78. bottom: 0%;
  79. right: 0%;
  80. height: 680px;
  81. width: 500px;
  82. filter: drop-shadow(2px 2px 2px #fff);
  83. background-repeat: no-repeat;
  84. background-size: cover;
  85. background-position: center bottom;
  86. -webkit-transition: all 1s ease;
  87. -moz-transition: all 1s ease;
  88. -o-transition: all 1s ease;}
  89.  
  90. .image1{
  91. background-image: url('http://i.picpar.com/7u6d.png');}
  92.  
  93.  
  94. .title{
  95. z-index: 1;
  96. position: fixed;
  97. transform: rotate(-50deg);
  98. margin-top: 200px;
  99. margin-left: 40px;
  100. width: 600px;
  101. font-family: name;
  102. font-size: 150px;
  103. text-align: center;
  104. color: #fcbdb8;
  105. text-shadow: -1px 0 #eee, 0 3px #eee, 1px 0 #eee, 0 -1px #eee;}
  106.  
  107.  
  108.  
  109. SOURCE CODE:
  110. <div style="margin: 0 auto; position: relative;" id="profile-container">
  111. <div class="box fade-in one" id="contain">
  112. <div class="title">Mother of Soldiers</div>
  113. </div>
  114. <div class="image1">&nbsp;</div>
  115. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement