Advertisement
rpaccount

For Link

Dec 14th, 2017
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.47 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. body{ font-family: arial narrow;
  8. font-size: 20px;
  9. background-size:100%;
  10. background-color: #fff;
  11. background-attachment: fixed ;
  12. background-position: fixed;
  13. background-repeat: no-repeat;
  14. text-align: justify;
  15. background-image:url("https://i.imgur.com/mBMkENj.jpg")
  16. }
  17.  
  18. h1 {
  19.  
  20. position: fixed;
  21. right: 10px;
  22. bottom: 0px;
  23. font-weight: normal;
  24. font-size: 100%;
  25. color: #000;}
  26.  
  27. #pictureone {
  28.  
  29.  
  30. position: fixed;
  31. left: 12px;
  32. bottom: -90px;
  33. margin: 25px;}
  34.  
  35. #picturetwo {
  36.  
  37.  
  38. position: fixed;
  39. right: 10px;
  40. top: 10px;
  41. margin: 25px;}
  42.  
  43. #navigation{
  44.  
  45. position: fixed;
  46. left: 600px;
  47. top: 40px;
  48. opacity: 0.;
  49. border: ;
  50. -webkit-transition: all 0.7s ease;
  51. -moz-transition: all 0.7s ease;
  52. -o-transition: all 0.7s ease;}
  53. #navigation:hover { opacity:1; }
  54.  
  55. #navigation2{
  56.  
  57. position: fixed;
  58. left: 570px;
  59. top: 100px;
  60. opacity: 0.;
  61. border: ;
  62. -webkit-transition: all 0.7s ease;
  63. -moz-transition: all 0.7s ease;
  64. -o-transition: all 0.7s ease;}
  65. #navigation2:hover { opacity:1; }
  66.  
  67. #navigation3{
  68.  
  69. position: fixed;
  70. left: 640px;
  71. top:120px;
  72. opacity: 0.;
  73. border: ;
  74. -webkit-transition: all 0.7s ease;
  75. -moz-transition: all 0.7s ease;
  76. -o-transition: all 0.7s ease;}
  77. #navigation3:hover { opacity:1; }
  78.  
  79. #navigation4{
  80.  
  81. position: fixed;
  82. left: 610px;
  83. top: 240px;
  84. opacity: 0.;
  85. border: ;
  86. -webkit-transition: all 0.7s ease;
  87. -moz-transition: all 0.7s ease;
  88. -o-transition: all 0.7s ease;}
  89. #navigation4:hover { opacity:1; }
  90.  
  91. #navigation5{
  92.  
  93. position: fixed;
  94. left: 680px;
  95. top: 240px;
  96. opacity: 0.;
  97. border: ;
  98. -webkit-transition: all 0.7s ease;
  99. -moz-transition: all 0.7s ease;
  100. -o-transition: all 0.7s ease;}
  101. #navigation5:hover { opacity:1; }
  102.  
  103.  
  104. #main{
  105. right:500px;
  106. bottom:100px;
  107. width: 400px;
  108. height 175px;
  109. position: fixed;
  110. color:#ffffff;
  111. font-family: century gothic;
  112. font-variant: small-caps;
  113. text-align: justify;
  114. font-size: 29px;
  115. border-bottom: ;
  116. border-right: ;
  117. border-left: ;
  118. border-top: ;
  119. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #000; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  120. i {color: #000; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
  121. u {color: #990F0F; font-size: 12px; font-weight: light; letter-spacing: 0px; word-spacing: 6px; font-family:Romans; text-transform: normal; font-weight: normal; text-align: center; border-bottom: 1px dotted #990F0F;}
  122. s {color: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
  123. big {color: #444444; font-size: 20px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #533034 0px 0px 1px;}
  124. small {font-size: 25px; font-variant: small-caps; color: #444444; text-transform: normal; letter-spacing: -1px; text-align: right; background-color: none; font-family: century gothic; text-shadow: #533034 2px 3px 4px; margin-top: 5px; margin-bottom: 8px; display: block; padding: 0px; font-weight: normal; line-height: 15px;}
  125. ::-webkit-scrollbar-thumb { background-color: transparent; }
  126. </style>
  127.  
  128. <div id="pictureone"><img src="http://i.picpar.com/NzBc.png" class="image" width="500px" height="auto"></div>
  129.  
  130. <div id="picturetwo"><img src="http://i.picpar.com/8zBc.png" class="image" width="400px" height="auto"></div>
  131.  
  132. <h1>Layout © <a href="http://pastebin.com/u/realniggaz" target="_blank">real niggaz.~</a></h1></div>
  133.  
  134. <div id="navigation" class="box">
  135.  
  136. <a href="#01" title="Stats"><img src="https://pro-rankedboost.netdna-ssl.com/wp-content/uploads/2017/03/Heart-Container.png" width="auto" height="25"></a>
  137. </div>
  138.  
  139. <div id="navigation2" class="box">
  140.  
  141. <a href="#02" title="Friends"><img src="https://vignette.wikia.nocookie.net/zelda/images/a/a8/Staminavessel.png/revision/latest?cb=20170514061421" width="auto" height="35"></a>
  142. </div>
  143.  
  144.  
  145. <div id="navigation3" class="box">
  146.  
  147.  
  148. <a href="#03" title="Bio"><img src="https://pro-rankedboost.netdna-ssl.com/wp-content/uploads/2017/03/Heart-Container.png" width="auto" height="25"></a>
  149.  
  150. </div>
  151.  
  152. <div id="navigation4" class="box">
  153. <a href="#04" title="Pics~"><img src="https://vignette.wikia.nocookie.net/zelda/images/a/a8/Staminavessel.png/revision/latest?cb=20170514061421" width="auto" height="35"></a>
  154. </div>
  155.  
  156. <div id="navigation5" class="box">
  157. <a href="#05" title="O.O.C"><img src="https://pro-rankedboost.netdna-ssl.com/wp-content/uploads/2017/03/Heart-Container.png" width="auto" height="25"></a>
  158. </div>
  159.  
  160. <div id="main">
  161.  
  162. <div style="height: 175px; width: 400px; overflow-y: hidden;">
  163. <a name="01"></a>
  164. <div style="height: 172px; width: 390px; overflow: auto;" align="center">
  165.  
  166. Status stuff here. Lol I scroll
  167. </div>
  168.  
  169. <div style="height: 175px; width: 400px; overflow-y: hidden;">
  170. <a name="02"></a>
  171. <div style="height: 172px; width: 390px; overflow: auto;" align="center">
  172. <a href="profile link here"><img style="border-radius: 50%" src="image link" align="left" height="60" width="60"></a> lol links and I scroll
  173.  
  174. </div>
  175.  
  176. <div style="height: 175px; width: 400px; overflow-y: hidden;">
  177. <a name="03"></a>
  178. <div style="height: 172px; width: 390px; overflow: auto;" align="center">
  179.  
  180. Bio stuff here lol I too scroll
  181.  
  182. </div>
  183.  
  184. <div style="height: 175px; width: 400px; overflow-y: hidden;">
  185. <a name="04"></a>
  186. <div style="height: 172px; width: 390px; overflow: auto;" align="center">
  187.  
  188. <h><u>SWF</h></u>
  189. <br><br>
  190. <a href="http://17rg073sukbm1lmjk9jrehb643.wpengine.netdna-cdn.com/wp-content/uploads/2014/09/link20.jpg"><img style="border-radius: 50%" src="http://17rg073sukbm1lmjk9jrehb643.wpengine.netdna-cdn.com/wp-content/uploads/2014/09/link20.jpg" align="left" height="60" width="60"></a>
  191. <br><br>
  192. <u>NSFW</u>
  193. <a href="http://1.bp.blogspot.com/-hUoNZXrujjU/UW_6gASRM5I/AAAAAAAABzk/LQQrJ169Kcg/s1600/1349850016853.jpg"><img style="border-radius: 50%" src="https://tse1.mm.bing.net/th?id=OIP.9N7tNw1nxBW8pMrL3uvo4QEsEs&pid=Api" align="left" height="60" width="60"></a> (only change the first link to a nsfw )
  194. </div>
  195.  
  196.  
  197. <div style="height: 175px; width: 400px; overflow-y: hidden;">
  198. <a name="05"></a>
  199. <div style="height: 172px; width: 390px; overflow: auto;" align="center">
  200.  
  201. OOC
  202.  
  203. </div>
  204. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement