API tools faq
paste
Advertisement
A_Bad_Bitch

naмeleѕѕ

A_Bad_Bitch
Aug 14th, 2016
1,436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.33 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
  4. @import url(https://fonts.googleapis.com/css?family=Unica+One);
  5. @import url(https://fonts.googleapis.com/css?family=Rajdhani:600);
  6.  
  7. body {
  8.  
  9. background-color: #fff;
  10. background-image: url(http://data.whicdn.com/images/33645609/tumblr_ls0w5txuft1r3vazto11_r1_400_large.png);
  11. background-attachment: fixed;
  12. background-position: center center;
  13. background-repeat: repeat;
  14. background-size: auto;
  15. font-family: Times New Roman;
  16. font-variant: normal;
  17. font-size: 70%;
  18. color: #666666;}
  19.  
  20. ::-webkit-scrollbar-track {background-color:#fff;}
  21. ::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
  22. ::-webkit-scrollbar {width:11px;height:5px;}
  23.  
  24. a {color: #A60000; text-decoration: none; }
  25.  
  26. a:hover {color: black; text-decoration: line-through;
  27. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  28. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  29.  
  30. b, strong {font-weight: bold; color: #74828d;}
  31.  
  32. #wolf {position: fixed; top: 25.2%; right: 46.1%; width: 11%; height: 23%; background-image: url("http://i.picpar.com/DVVb.jpg"); background-position: right; background-size: 100% 100%; border: solid 2px #8C0E30; border-radius:50%; z-index: 100; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; }
  33.  
  34. #wolf:hover{ height: 23%; width: 11%; background-image:url(http://data.whicdn.com/images/98962919/large.gif); background-position: ; background-repeat:no-repeat; background-size: 100% 100%; filter: alpha(opacity=3); opacity: 3; overflow:auto; transform:rotate(3720deg); -moz-transform:rotate(3720deg); /* Firefox 4 */ -webkit-transform:rotate(720deg); /* Safari and Chrome */ -o-transform:rotate(720deg); /* Opera */ -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; border-radius:50%; }
  35.  
  36. #main { width: 800px; height: 300px; margin: auto;}
  37.  
  38. #outer-circle { border: 2px solid transparent; border-top-color:#8C0E30; margin: 20% auto; text-align:center; width: 22%; height: 60%; -webkit-border-radius: 220px; -moz-border-radius: 220px; border-radius: 120px; -webkit-animation:turning_cw 5s infinite; -moz-animation:turning_cw 5s infinite; animation:turning_cw 5s infinite; position:relative; opacity: 0.7; Top: -2%; right: 3%;}
  39.  
  40. @-webkit-keyframes turning_cw {0%{-webkit-transform: rotate(0deg); } 100%{-webkit-transform: rotate(360deg); } }
  41. @-webkit-keyframes turning_acw {0%{-webkit-transform: rotate(360deg); } 100%{-webkit-transform: rotate(0deg); } }
  42.  
  43. @-moz-keyframes turning_cw {0%{-moz-transform: rotate(0deg); } 100%{-moz-transform: rotate(360deg); } }
  44. @-moz-keyframes turning_acw {0%{ -moz-transform: rotate(360deg); } 100%{ -moz-transform: rotate(0deg); } }
  45.  
  46. @keyframes turning_cw {0%{ transform: rotate(0deg); } 100%{ transform: rotate(360deg); } }
  47. @keyframes turning_acw {0%{ transform: rotate(360deg); } }
  48.  
  49. #line { position: fixed; top: 56%; right:43%; height: 1.2%; width: 17%; background-color: #8C0E30; overflow: auto; z-index: 2; }
  50.  
  51. .Name { position: fixed; top: 53%; left: 46%; color: #8C0E30; font-size: 30px; line-height: 10%; font-family: 'Mr Dafoe', cursive; z-index: 900; }
  52.  
  53. .abox {background-color:#DFDFDF; color: #000; font-size: 12px; font-family: 'Rajdhani', sans-serif; text-align: justify; position: fixed; width: 25%; height: 20%; right: 39%; top: 64%; letter-spacing:1px; line-height: 11px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid black; z-index: 100; opacity: .9;}
  54.  
  55. .navbar {Background-color: transparent; Position: fixed; padding: 4px; z-index: 100; font-family: 'Unica One', cursive; font-weight: bold;}
  56.  
  57. .link1 {Position: fixed; right: 57.8%; Top: 59%}
  58.  
  59. .link2 {Position: fixed; right: 55%; Top: 59% }
  60.  
  61. .link3 {Position: fixed; right: 51.3%; Top: 59% }
  62.  
  63. .link4 {Position: fixed; right: 48%; Top: 59% }
  64.  
  65. .link5 {Position: fixed; right:44%; Top: 59% }
  66.  
  67. .slide {Position: fixed; Height: 10%; Width: 10%; Top: 20%; right:50%; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  68.  
  69. .slide:target {Top: 20%;Height: 10%; Width: 10%; right:50%; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  70.  
  71. h1 { Color: #000; Border-bottom: 1.5px solid #4F335E; Border-left: 40px solid #8C0E30; font-size:16px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Font-family: 'Rajdhani', sans-serif; Margin-Top: 1px;}
  72.  
  73. h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #fff;}
  74.  
  75. .circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}
  76.  
  77. .circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
  78. </style>
  79.  
  80. <div id="wolf"></div>
  81. <div id="main"><div id="outer-circle"></div></div>
  82.  
  83. <div id="line"></div><div class="Name">NAME</div>
  84.  
  85. <div class="navbar">
  86. <a class="link1" href="#1"><font size="2" color="white">One</a></font>
  87. <a class="link2" href="#2"><font size="2" color="white">Two</a></font>
  88. <a class="link3" href="#3"><font size="2" color="white">Three</a></font>
  89. <a class="link4" href="#4"><font size="2" color="white">Four</a></font>
  90. <a class="link5" href="#5"><font size="2" color="white">Reset</a></font>
  91. </div></div>
  92.  
  93. <div id="1" class="slide">
  94. <div class="abox">
  95. testestestestestes
  96.  
  97. </div></div>
  98.  
  99. <div id="2" class="slide">
  100. <div class="abox">
  101.  
  102.  
  103. </div></div>
  104.  
  105. <div id="3" class="slide">
  106. <div class="abox">
  107.  
  108. <a href="profile.php?user=LINK" target="_blank"><img src="IMAGE LINK" class="circle" height="65" width="65" border="1"></a>
  109.  
  110. </center></div></div>
  111.  
  112. <div id="4" class="slide">
  113. <div class="abox">
  114.  
  115.  
  116. </div></div>
  117.  
  118. <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
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!