Advertisement
Guest User

Fixed

a guest
Jun 26th, 2017
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.55 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. body {
  9.  
  10. background-color: #fff;
  11. background-image: url('http://i.picpar.com/w99.png');
  12. background-attachment: fixed;
  13. background-position: center center;
  14. background-repeat: repeat;
  15. background-size: auto;
  16. font-family: Times New Roman;
  17. font-variant: normal;
  18. font-size: 70%;
  19. color: #666666;}
  20.  
  21. #pictureone {
  22. position: fixed;
  23. left: -30px;
  24. top: 0px;
  25. margin: 25px;
  26. opacity: 0.8;}
  27.  
  28.  
  29. #Img{
  30. position: fixed;
  31. background-image:url("https://image.prntscr.com/image/sbSjRRP8RMi7eWp8I31R-g.png");
  32. background-size: 100%;
  33. background-repeat: no-repeat;
  34. bottom: 70px;
  35. left: 70px;
  36. width: 200px;
  37. height: 200px;
  38. background-color: #000000;
  39. border-top: #47A80F 10px solid;
  40. border-left: #47A80F 10px solid;
  41. border-right: #fff 10px solid;
  42. border-bottom: #fff 10px solid;
  43. }
  44.  
  45. .image {
  46. opacity: 0;
  47. width: 200px;
  48. height: 200px;
  49. background-color: #EDEDEE;
  50. text-align: justify;
  51. overflow: hidden;
  52. -ms-transition: opacity .3s linear;
  53. -moz-transition: opacity .3s linear;
  54. -o-transition: opacity .3s linear;
  55. -webkit-transition: opacity .3s linear; }
  56.  
  57. .image:hover {
  58. opacity: 0.9; }
  59.  
  60. #pic{
  61. position: fixed;
  62. bottom: 250px;
  63. left: 20px;
  64. width: 400px;
  65. height: 500px;
  66. background-image: url('https://i.imgur.com/AFd0RiI.png');
  67. background-size: 100%;
  68. }
  69.  
  70. .text {
  71. line-height: 1.5;
  72. padding-top: 2px;
  73. margin-left: 10px;
  74. margin-right: 10px;
  75. margin-top: 15px;
  76. font-family: verdana;
  77. font-size: 10;
  78. color: black;
  79. text-align: justify; }
  80.  
  81. a.dark:link, a.dark:active, a.dark:visited{
  82. background-color: #222;
  83. display: inline-block;
  84. margin: 5px;
  85. width: 75px;
  86. height: 15px;
  87. font-family: verdana;
  88. font-variant: small-caps;
  89. font-size: 10px;
  90. color: #CCC;
  91. text-decoration: none;
  92. letter-spacing: 1px;
  93. text-transform: uppercase;
  94. text-align: center;
  95. line-height: 21px;
  96. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur');
  97. -webkit-transition: all 0.5s ease-in-out;
  98. -moz-transition: all 0.5s ease-in-out;
  99. -o-transition: all 0.5s ease-in-out;
  100. -ms-transition: all 0.5s ease-in-out;
  101. transition: all 0.5s ease-in-out;}
  102.  
  103. a.dark:hover{
  104. background-color: #EDEDED;
  105. color: #74545F;}
  106.  
  107. a.unknown:link, a.unknown:active, a.unknown:visited{
  108. background-color: #690000;
  109. display: inline-block;
  110. display: centered;
  111. margin-right: 5px;
  112. width: 87px;
  113. height: 20px;
  114. font-family: verdana;
  115. font-variant: small-caps;
  116. font-size: 6.5px;
  117. color: #CCC;
  118. text-decoration: none;
  119. letter-spacing: 1px;
  120. text-transform: uppercase;
  121. text-align: center;
  122. line-height: 21px;
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. -ms-transition: all 0.5s ease-in-out;
  127. transition: all 0.5s ease-in-out;}
  128.  
  129. a.unknown:hover{
  130. background-color: #EDEDED;
  131. color: #222;}
  132.  
  133. a {
  134. color: #666666;
  135. text-decoration: none;
  136. }
  137.  
  138. a:hover {
  139. color: #888888;
  140. text-decoration: none;
  141. cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur');
  142. }
  143.  
  144. #main{
  145. right:656px;
  146. bottom: 70px;
  147. position: fixed;
  148. color: #47A80F;
  149. font-family: century gothic;
  150. font-variant: small-caps;
  151. text-align: justify;
  152. font-size: 15px;
  153. height: 200px;
  154. width: 400px;
  155. border-bottom: #47A80F 10px solid;
  156. border-right: #47A80F 10px solid;
  157. border-left: #fff 10px solid;
  158. border-top: #fff 10px solid;background-image: url(http://i.picpar.com/w99.png);}
  159. margin: 3px;
  160. b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color: #533034; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
  161. i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
  162.  
  163. u {color: #666; 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 #889e9f;}
  164. 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;}
  165. 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;}
  166. 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;}
  167. ::-webkit-scrollbar-thumb { background-color: transparent; }
  168.  
  169. ::-webkit-scrollbar {width: 4px;}
  170.  
  171. #navigation{
  172.  
  173. position: fixed;
  174. right: 620px;
  175. bottom: 260px;
  176. opacity: 0.5;
  177. -webkit-transition: all 0.7s ease;
  178. -moz-transition: all 0.7s ease;
  179. -o-transition: all 0.7s ease;}
  180. #navigation:hover { opacity:1; }
  181.  
  182. #navigation2{
  183.  
  184. position: fixed;
  185. right: 620px;
  186. bottom: 200px;
  187. opacity: 0.5;
  188. -webkit-transition: all 0.7s ease;
  189. -moz-transition: all 0.7s ease;
  190. -o-transition: all 0.7s ease;}
  191. #navigation2:hover { opacity:1; }
  192.  
  193. #navigation3{
  194.  
  195. position: fixed;
  196. right: 620px;
  197. bottom: 140px;
  198. opacity: 0.5;
  199. -webkit-transition: all 0.7s ease;
  200. -moz-transition: all 0.7s ease;
  201. -o-transition: all 0.7s ease;}
  202. #navigation3:hover { opacity:1; }
  203.  
  204. #navigation4{
  205.  
  206. position: fixed;
  207. right: 620px;
  208. bottom: 80px;
  209. opacity: 0.5;
  210. -webkit-transition: all 0.7s ease;
  211. -moz-transition: all 0.7s ease;
  212. -o-transition: all 0.7s ease;}
  213. #navigation4:hover { opacity:1; }
  214.  
  215. h1 {
  216.  
  217. position: fixed;
  218. right: 10px;
  219. bottom: 0px;
  220. font-weight: normal;
  221. font-size: 100%;
  222. color: #FFFFFF;}
  223.  
  224. #Name{
  225. position: fixed;
  226. bottom: 285px;
  227. left: 130px;
  228. color: #47A80F;
  229. font-size: 18px;
  230. line-height: 80px;
  231. letter-spacing: 3px;
  232.  
  233. font-style:italic;
  234. font-family: lavanderia sturdy;
  235. text-shadow: 0px 0px 2px #000000;
  236. z-index: 700;
  237. }
  238.  
  239. </style>
  240. <div id="pic"></div>
  241. <div id="Name">
  242. At some point, I had to stop pretending and grow up.</div>
  243.  
  244. <h1>Layout © <a href="http://pastebin.com/u/realniggaz" target="_blank">real niggaz.~</a></h1>
  245.  
  246.  
  247. <div id="img">
  248. <div class="image"><div class="text">
  249. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  250. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  251. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  252. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  253. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  254. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  255. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  256. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  257. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  258. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  259. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  260. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  261. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  262. <a href="/profile.php?user=" class="dark" target="_blank">Friend</a>
  263.  
  264. </div></div></div>
  265.  
  266.  
  267.  
  268.  
  269. <div id="navigation" class="box">
  270.  
  271. <a href="#01" title="Change this"><img src="http://i.stack.imgur.com/qdR8p.png" width="auto" height="30"></a>
  272. </div>
  273.  
  274. <div id="navigation2" class="box">
  275.  
  276. <a href="#02" title="Change this"><img src="http://i.stack.imgur.com/qdR8p.png"width="auto" height="30"></a>
  277. </div>
  278.  
  279.  
  280. <div id="navigation3" class="box">
  281.  
  282.  
  283. <a href="#03" title="Change this"><img src="http://i.stack.imgur.com/qdR8p.png" width="auto" height="30"></a>
  284.  
  285. </div>
  286.  
  287. <div id="navigation4" class="box">
  288. <a href="#04" title="Change this"><img src="http://i.stack.imgur.com/qdR8p.png" width="auto" height="30"></a>
  289. </div>
  290.  
  291. <div id="main">
  292.  
  293. <div style="height: 200px; width: 400px; overflow-y: hidden;">
  294. <a name="01"></a>
  295. <div style="height: 200px; width: 399px; overflow: auto;" align="center">
  296.  
  297. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit
  298.  
  299. </div>
  300.  
  301. <div style="height: 200px; width: 400px; overflow-y: hidden;">
  302. <a name="02"></a>
  303. <div style="height: 200px; width: 399px; overflow: auto;" align="center">
  304.  
  305. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit
  306.  
  307. </div>
  308.  
  309. <div style="height: 200px; width: 400px; overflow-y: hidden;">
  310. <a name="03"></a>
  311. <div style="height: 200px; width: 399px; overflow: auto;" align="center">
  312.  
  313. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit
  314.  
  315. </div>
  316.  
  317. <div style="height: 200px; width: 400px; overflow-y: hidden;">
  318. <a name="04"></a>
  319. <div style="height: 200px; width: 399px; overflow: auto;" align="center">
  320.  
  321. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here. Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit in here. gjennsjsd e edd lorem de fkwen cnsklfpekforkvvkreokvgrvkfkgkggk shit in here. more shit in here.Shit
  322.  
  323. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement