Advertisement
conception

cry

Aug 31st, 2017
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.00 KB | None | 0 0
  1. <style>
  2. .main_content_title, #user_default_image, #main-navbar, .top_commentbox img, .footer_links, .navbar-nav, #user_profile_info, .btn-primary, .top_commentbox textarea, .panel-heading, .friends-list, .top_commentbox, .newsfeed, #right_profile, #user_rating, .panel-footer { display: none; }
  3.  
  4. .panel.panel-primary.user_profile_box.dark_highlight, #maincontent, .user_profile_box, {
  5. background: transparent;
  6. border: none;
  7. }
  8.  
  9. #user_profile, .col-xs-12, #maincontent {float: left!important;}
  10.  
  11. body, html { background: #000000; overflow: none;}
  12.  
  13. body, div, table {
  14. font-family: arial;
  15. font-size: 12px;
  16. line-height: 11px;
  17. text-transform: normal;
  18. color: #cccccc;
  19. text-decoration: none;
  20. font-weight: normal;
  21. text-shadow: none;
  22. }
  23.  
  24. .body {
  25. width: 1366px;
  26. height: 785px;
  27. background-image: url('http://imgur.com/BTlRKHw.png');
  28. background-repeat: no-repeat;
  29. background-position: top right;
  30. position: relative;
  31. overflow: none;
  32. top: -10px;
  33. left: -8px;
  34. z-index: 1;
  35. }
  36.  
  37. a:link, a:visited, a:active {
  38. font-size: 12px;
  39. color: #7532fb;
  40. text-decoration: none;
  41. text-transform: normal;
  42. font-weight: lighter;
  43. -webkit-transition: color 0.5s ease-out;
  44. -moz-transition: color 0.5s ease-out;
  45. }
  46.  
  47. a:hover {
  48. color: #1a1fd2;
  49. background: none;
  50. -webkit-transition: color 0.5s ease-out;
  51. -moz-transition: color 0.5s ease-out;
  52. }
  53.  
  54. .b, bold { color: #a9f3cd!important; }
  55. .i, italic { color: #a9f3cd; }
  56. .u, underline { color: #cccccc; }
  57.  
  58. .h1 {
  59. color: #cecece;
  60. font-size: 22px;
  61. font-family: Arial, Helvetica, sans-serif;
  62. font-weight: lighter;
  63. font-style: normal;
  64. text-transform: uppercase;
  65. text-align: center;
  66. text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  67. letter-spacing: 2px;
  68. display: block;
  69. padding: 4px;
  70. border-radius: 0.1em;
  71. margin: 1px;
  72. background-color: #010101;
  73. background-image: -webkit-linear-gradient(top, #a9f3cd, #1a1fd2);
  74. background-image: -moz-linear-gradient(top, #a9f3cd, #1a1fd2);
  75. background-image: -o-linear-gradient(top, #a9f3cd, #1a1fd2);
  76. background-image: -ms-linear-gradient(top, #a9f3cd, #1a1fd2);
  77. background-image: linear-gradient(top, #a9f3cd, #1a1fd2);
  78. margin: 2px;
  79. }
  80. .h2 {
  81. color: #cecece;
  82. font-size: 17px;
  83. font-family: Arial, Helvetica, sans-serif;
  84. font-weight: lighter;
  85. font-style: normal;
  86. text-transform: uppercase;
  87. text-align: center;
  88. text-shadow: -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 0 #000000;
  89. letter-spacing: 2px;
  90. display: block;
  91. padding: 4px;
  92. border-radius: 0.1em;
  93. margin: 1px;
  94. background-color: #010101;
  95. background-image: -webkit-linear-gradient(top, #1a1fd2, #7532fb);
  96. background-image: -moz-linear-gradient(top, #1a1fd2, #7532fb);
  97. background-image: -o-linear-gradient(top, #1a1fd2, #7532fb);
  98. background-image: -ms-linear-gradient(top, #1a1fd2, #7532fb);
  99. background-image: linear-gradient(top, #1a1fd2, #7532fb);
  100. margin: 2px;
  101. }
  102.  
  103. .h3 {
  104. display: block;
  105. width: 84px;
  106. padding: 4px;
  107. text-align: center;
  108. text-transform: uppercase;
  109. letter-spacing: 3px;
  110. font-size: 10px;
  111. font-weight: lighter;
  112. color: #cecece;
  113. background: #151515;
  114. margin: 2px;
  115. border-radius: 2px;
  116. }
  117.  
  118. #userprofile {
  119. position: absolute;
  120. text-align: left;
  121. width: 555px;
  122. height: 480px;
  123. float: left;
  124. top: 20px;
  125. left: 200px;
  126. padding: 8px;
  127. background: #010101;
  128. border: 5px solid #100747;
  129. border-radius: 3px 3px 3px 3px;
  130. font-size: 12px;
  131. z-index: 2;
  132. }
  133.  
  134. #userid {
  135. position: absolute;
  136. width: 195px;
  137. height: 300px;
  138. top: 200px;
  139. left: 760px;
  140. padding: 5px;
  141. background: #010101;
  142. border: 5px solid #100747;
  143. border-radius: 3px 3px 3px 3px;
  144. font-size: 12px;
  145. z-index: 2;
  146. }
  147.  
  148. .friendspro {
  149. width: 83px;
  150. height: 83px;
  151. padding: 2px;
  152. border: 1px solid #a9f3cd;
  153. margin: 1px;
  154. background: #a9f3cd;
  155. -webkit-transition: all 0.75s ease-out;
  156. -moz-transition: all 0.75s ease-out;
  157. opacity: .85;
  158. }
  159.  
  160. .friendspro:hover {
  161. border: 1px solid #2877a0;
  162. background: #2877a0;
  163. padding: 2px;
  164. margin: 1px;
  165. -webkit-transition: all 0.75s ease-out;
  166. -moz-transition: all 0.75s ease-out;
  167. }
  168.  
  169. .cults {
  170. width: 83px;
  171. height: 34px;
  172. padding: 2px;
  173. border: 1px solid #2877a0;
  174. margin: 1px;
  175. background: #2877a0;
  176. -webkit-transition: all 0.75s ease-out;
  177. -moz-transition: all 0.75s ease-out;
  178. opacity: .85;
  179. }
  180.  
  181. .cults:hover {
  182. border: 1px solid #a9f3cd;
  183. background: #a9f3cd;
  184. padding: 2px;
  185. margin: 1px;
  186. -webkit-transition: all 0.75s ease-out;
  187. -moz-transition: all 0.75s ease-out;
  188. }
  189.  
  190. #navi {
  191. position: absolute;
  192. top: 175px;
  193. left: 765px;
  194. width: 110px;
  195. height: 20px;
  196. padding-top: 7px;
  197. padding-left: 7px;
  198. background-color: transparent!important;
  199. border: none;
  200. overflow: hidden;
  201. z-index: 998;
  202. }
  203.  
  204. .navi {
  205. opacity: 100;
  206. }
  207. .navi: hover {
  208. opacity:90;
  209. -webkit-transform:rotate(360deg);
  210. -moz-transform:rotate(360deg);
  211. -o-transform:rotate(360deg);
  212. -ms-transform:rotate(360deg);
  213. }
  214.  
  215. .panel-body, .user_profile_box { background: transparent!important;
  216. border: none!important;
  217. margin-top: 20px;
  218. }
  219.  
  220. .user_profile_box {
  221. border: solid 1px #252525;
  222. max-width: 2400px;
  223. overflow: hidden!important;
  224. margin-left: auto;
  225. margin-right: auto;
  226. }
  227. </style>
  228. <div class="body"><div id="userid"><img src=http://i.imgur.com/wrFKOr3.png width=175><center><table><tr><td width="50%" valign="top"><div class="h3"><font color=#a9f3cd>Name</font></div>
  229. <div class="h3"><font color=#a9f3cd>Age</font></div>
  230. <div class="h3"><font color=#a9f3cd>Gender</font></div>
  231. <div class="h3"><font color=#a9f3cd>Account</font></div>
  232. <div class="h3"><font color=#a9f3cd>Status</font></div></td><td width="50%" valign="top"><div class="h3">Name</div>
  233. <div class="h3">XX</div>
  234. <div class="h3">TBA</div>
  235. <div class="h3">TBA</div>
  236. <div class="h3">TBA</div></td></tr></table></div>
  237. <div id="userprofile"><div class="h1">YOUR USERNAME</div><div class="h2">Pacify Her</div><b>bold</b> <u>underline</u> <i>Italics</i><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  238. <center><table width=100%><tr><td width="50%" valign="top"><div class="h2">Milk & Cookies</div>- Things you Enjoy Go here<br>
  239. - Things you Enjoy Go here<br>
  240. - Things you Enjoy Go here<br>
  241. - Things you Enjoy Go here<br>
  242. - Things you Enjoy Go here<br>
  243. - Things you Enjoy Go here<br>
  244. - Things you Enjoy Go here<br>
  245. - Things you Enjoy Go here<br>
  246. - Things you Enjoy Go here<br></td><td width="50%" valign="top"><div class="h2">Dead to Me</div>-Things you don't enjoy go here<br>
  247. - Things you don't enjoy go here<br>
  248. - Things you don't enjoy go here<br>
  249. - Things you don't enjoy go here<br>
  250. - Things you don't enjoy go here<br>
  251. - Things you don't enjoy go here<br>
  252. - Things you don't enjoy go here<br>
  253. - Things you don't enjoy go here<br>
  254. - Things you don't enjoy go here<br>
  255. <br /></td></tr></table>
  256. <div class="h2">Dollhouse</div>
  257. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  258. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  259. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  260. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  261. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  262. <a href="/Username"><img src="http://i.imgur.com/wrFKOr3.png" class="friendspro" /></a>
  263. <div class="h2">Carousel</div>
  264. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a>
  265. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a>
  266. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a>
  267. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a>
  268. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a>
  269. <a href="/cult/CultName"><img src="http://i.imgur.com/wrFKOr3.png" class="cults" /></a></div>
  270. <div id="navi"><center><a href="https://vampirefreaks.com/"><img src=http://i.imgur.com/yhFkJWe.png class="navi" title="Home"></a>
  271. <a href="/user_comment.php?user=USERNAME&rate=1"><img src=http://i.imgur.com/R0doVGh.png class="navi" title="Rate & Cmmt"></a>
  272. <a href="/profile_action.php?user=USERNAME"><img src=http://i.imgur.com/csMtH8v.png class="navi" title="Add"></a>
  273. <a href="/journal/USERNAME"><img src=http://i.imgur.com/N2obrIb.png class="navi" title="Journal"></a>
  274. <a href="/Veritas"><img src=http://i.imgur.com/xjApzcJ.png class="navi" title="Credit"></a></center></div>cry
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement