Advertisement
A_Bad_Bitch

Ariah Filler

Apr 30th, 2016
964
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.17 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=PT+Sans+Narrow);
  10.  
  11. body {
  12.  
  13. background-color: #fff;
  14. background-image: url(http://www.snazzyspace.com/defaultimages/000000_light-grey-vintage.gif);
  15. background-attachment: fixed;
  16. background-position: center center;
  17. background-repeat: repeat;
  18. background-size: auto;
  19. font-family: Times New Roman;
  20. font-variant: normal;
  21. font-size: 70%;
  22. color: #666666;}
  23.  
  24. ::-webkit-scrollbar {
  25. width: 3px;
  26. height: 0px;
  27. background: ;
  28. }
  29.  
  30. ::-webkit-scrollbar-thumb {
  31. background-color: black;
  32. -webkit-border-radius: 10px;
  33. border-radius: 10px;
  34. }
  35.  
  36. a {color: #00A811;
  37. text-decoration: none;
  38. }
  39.  
  40.  
  41. a:hover {color: black;
  42. text-decoration: line-through;
  43. cursor:
  44. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  45. }
  46.  
  47. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  48. }
  49.  
  50. .abox {background-color:#fff; color: #000; font-size: 13px; font-family: 'PT Sans Narrow', sans-serif; text-align: justify; position: absolute; width:300; height:195; left: 250; top:265; letter-spacing:0px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 3px double black;}
  51.  
  52. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Right: 400; bottom: 56; padding: 4px; z-index: 100;}
  53.  
  54. .link1 {Position: absolute; Left: 10px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}
  55.  
  56. .link2 {Position: absolute; Left: 30px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}
  57.  
  58. .link3 {Position: absolute; Left: 50px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}
  59.  
  60. .link4 {Position: absolute; Left: 70px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}
  61.  
  62. .link5 {Position: absolute; Left: 90px; Border: double 3px #000; Height: 5px; Width: 5px; background-color: #fff;}
  63.  
  64. .link1:hover {Background-color: #950208;}
  65. .link2:hover {Background-color: #950208;}
  66. .link3:hover {Background-color: #950208;}
  67. .link4:hover {Background-color: #950208;}
  68. .link5:hover {Background-color: #950208;}
  69.  
  70. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -10px; Left: 350; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  71.  
  72. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  73.  
  74. .Quote { position: fixed; bottom: 85px; right: 20px; color: #000; font-size: 25px; line-height: 50px; font-family: 'Poiret One', cursive; }
  75.  
  76. #pictureone { position:fixed; left:-60px; top:165px; }
  77.  
  78. #bar { position: fixed; bottom: 40px; left:-10px; height: 17px; width: 2000px; background-color: #2A2A2A; overflow: auto; opacity: 0.9; z-index: -3; }
  79.  
  80. #bar2 { position: fixed; bottom: 80px; left:-10px; height: 17px; width: 2000px; background-color: #2A2A2A; overflow: auto; opacity: 0.9; z-index: -3; }
  81.  
  82. h1 { Color: #000; font-family: 'Poiret One', cursive; Border-left: 15px double #2A2A2A; Border-right: 15px double #2A2A2A; Border-bottom: 1px solid black; font-size:15px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Margin-top: 6px;}
  83.  
  84. </style>
  85.  
  86. <div id="pictureone">
  87. <img src="RENDERED IMG LINK" class="image" width="525px;" height="510px;">
  88. </div>
  89.  
  90. <div id="bar"></div>
  91. <div id="bar2"></div>
  92.  
  93. <div class="Quote">
  94. <b> A little title here </b>
  95. </div>
  96.  
  97. <div class="navbar">
  98. <a class="link1" href="#1"></a>
  99. <a class="link2" href="#2"></a>
  100. <a class="link3" href="#3"></a>
  101. <a class="link4" href="#4"></a>
  102. <a class="link5" href="#5"></a>
  103. </div></div>
  104.  
  105. <div id="1" class="slide">
  106. <div class="abox">
  107.  
  108. <h1>Title One</h1>
  109.  
  110. Information goes here.
  111.  
  112. </div></div>
  113.  
  114. <div id="2" class="slide">
  115. <div class="abox">
  116.  
  117.  
  118. </div></div>
  119.  
  120. <div id="3" class="slide">
  121. <div class="abox">
  122.  
  123.  
  124. </div></div>
  125.  
  126. <div id="4" class="slide">
  127. <div class="abox">
  128.  
  129.  
  130. </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement