Advertisement
Guest User

Untitled

a guest
Mar 25th, 2017
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.77 KB | None | 0 0
  1. <head>
  2. <div class="center">
  3. <div class="sicario">
  4. <h1>sicario</h1>
  5. </div>
  6. <div class=links>
  7. <h1><a href="http://steamcommunity.com/profiles/76561198323850283">youtube</a></h1>
  8. <h1><a href="https://twitter.com/sicariocs">twitter</a></h1>
  9. <h1><a href="https://www.youtube.com/channel/UCTkGuHFjcWH73lT8RqLK9TA?sub_confirmation=1">steam</a></h1>
  10. </div>
  11. <title>sicario</title>
  12. <link rel="stylesheet" media="screen" href="mystyle.css">
  13. </head>
  14. </div>
  15. <style>
  16. body {
  17. background-image: url("bg.gif");
  18. background-repeat: no-repeat;
  19. background-attachment: fixed;
  20. background-position: center;
  21. background-size: cover;
  22. }
  23.  
  24. @keyframes fadein {
  25. from { opacity: 0; }
  26. to { opacity: 1; }
  27. }
  28.  
  29. /* Firefox < 16 */
  30. @-moz-keyframes fadein {
  31. from { opacity: 0; }
  32. to { opacity: 1; }
  33. }
  34.  
  35. /* Safari, Chrome and Opera > 12.1 */
  36. @-webkit-keyframes fadein {
  37. from { opacity: 0; }
  38. to { opacity: 1; }
  39. }
  40.  
  41. /* Internet Explorer */
  42. @-ms-keyframes fadein {
  43. from { opacity: 0; }
  44. to { opacity: 1; }
  45. }
  46.  
  47. /* Opera < 12.1 */
  48. @-o-keyframes fadein {
  49. from { opacity: 0; }
  50. to { opacity: 1; }
  51. }
  52.  
  53. @font-face {
  54. font-family: Drugs;
  55. src: url(Drugs.otf);
  56. }
  57.  
  58. .sicario {
  59. color: white;
  60. font-size: 30px;
  61. font-family: Drugs;
  62. -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  63. -moz-animation: fadein 7s; /* Firefox < 16 */
  64. -ms-animation: fadein 7s; /* Internet Explorer */
  65. -o-animation: fadein 7s; /* Opera < 12.1 */
  66. animation: fadein 2s;
  67. position: absolute;
  68. left: 50%;
  69. top: 38%;
  70. transform: translate(-50%, -50%);
  71. -webkit-transform: translate(-50%, -50%);
  72. -moz-transform: translate(-50%, -50%);
  73. -ms-transform: translate(-50%, -50%);
  74. -o-transform: translate(-50%, -50%);
  75. text-shadow:
  76. -1px -1px 0 #000,
  77. 1px -1px 0 #000,
  78. -1px 1px 0 #000,
  79. 1px 1px 0 #000;
  80. }
  81.  
  82. .links {
  83. font-style: italic;
  84. font-family: Drugs;
  85. -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  86. -moz-animation: fadein 7s; /* Firefox < 16 */
  87. -ms-animation: fadein 7s; /* Internet Explorer */
  88. -o-animation: fadein 7s; /* Opera < 12.1 */
  89. animation: fadein 4s;
  90. position: absolute;
  91. left: 50%;
  92. top: 50%;
  93. transform: translate(-50%, -50%);
  94. -webkit-transform: translate(-50%, -50%);
  95. -moz-transform: translate(-50%, -50%);
  96. -ms-transform: translate(-50%, -50%);
  97. -o-transform: translate(-50%, -50%);
  98. text-shadow:
  99. -1px -1px 0 #000,
  100. 1px -1px 0 #000,
  101. -1px 1px 0 #000,
  102. 1px 1px 0 #000;
  103. }
  104. .links h1 {
  105. font-size: 30px;
  106. }
  107.  
  108. a:link {
  109. color: white;
  110. text-decoration: none;
  111. }
  112.  
  113. a:visited {
  114. color: white;
  115. text-decoration: none;
  116. }
  117.  
  118. a:hover {
  119. color: grey;
  120. text-decoration: none;
  121. }
  122.  
  123. a:active {
  124. color: white;
  125. text-decoration: none;
  126. }
  127. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement