Advertisement
Guest User

Untitled

a guest
Aug 2nd, 2015
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.48 KB | None | 0 0
  1. <style>.pfor{display:none;}#profile{background-color:transparent;}#profile{border:none;}table{background-color:transparent;}#profile{width:75%;}::selection{background-color:#1c1e29;color:#1c1e29;}</style>
  2.  
  3.  
  4. <style type="text/css">
  5. @import url(http://fonts.googleapis.com/css?family=Molengo);
  6. @import url(http://fonts.googleapis.com/css?family=Audiowide);
  7. @import url(http://fonts.googleapis.com/css?family=Coming+Soon);
  8. @import url(http://fonts.googleapis.com/css?family=Special+Elite);
  9. @import url(http://fonts.googleapis.com/css?family=Signika+Negative);
  10.  
  11. .pfor { display: none; margin: 0 auto; }
  12.  
  13. #profile { background-color:transparent; border: 0px; margin: 0 auto; }
  14.  
  15. body{background-color:#;background-image:url(http://i.picpar.com/t8yb.png);background-attachment:fixed;background-repeat:repeat;background-position:bottom left;text-align:justify;}::-webkit-scrollbar-thumb:vertical{background-color:#transparent;;height:100px;}::-webkit-scrollbar-thumb:horizontal{background-color:#transparent;;height:100px!important;}::-webkit-scrollbar{height:0px;width:0px;background-color:#transparent;}body,a,*{cursor:url('https://31.media.tumblr.com/be23a12cfc77ec44e6f7e1db8f40d5cc/tumblr_inline_myuyrnRm5y1swbdhd.png'),auto}a:hover{cursor:url('https://31.media.tumblr.com/c69cde126c864d20c135742f7f2463da/tumblr_inline_myuyubDmL21swbdhd.png'),auto}
  16. a{text-decoration: none; color: #777; }
  17. a:hover{color: transparent; text-shadow: #000 0px 0px 2px}
  18.  
  19.  
  20.  
  21.  
  22.  
  23. #content {
  24. position: absolute;
  25. left: 25%;
  26. top: 20%;
  27. width: 670px;
  28. height: 350px;
  29. padding: 10px 20px;
  30. background-image:url(http://i.picpar.com/W32b.png);
  31. border: 2px solid #000;
  32. }
  33.  
  34.  
  35. .text {
  36. float: left;
  37. width: 280px;
  38. height: 340px;
  39. padding: 10px;
  40. font-size: 12px;
  41. color: #000;
  42. font-family: 'signika negative';
  43. text-align: justify;
  44. margin-right: 20px;
  45. }
  46.  
  47.  
  48. h2 {
  49. font-family: 'special elite';
  50. font-weight: normal;
  51. letter-spacing: 5px;
  52. font-size: 32px;
  53. color: #0a0a0a;
  54. text-align: center;
  55. }
  56.  
  57.  
  58.  
  59. .mainimage {
  60. width: 250px;
  61. height: 250px;
  62. float: left;
  63. margin-top: 15px;
  64. }
  65.  
  66. .mainimage img {
  67. width: 100%;
  68. height: 100%;
  69. }
  70.  
  71. .colorholder {
  72. float: left;
  73. width: 250px;
  74.  
  75. height: 62.5px;
  76. margin-top: 10px;
  77. }
  78.  
  79. .color {
  80. float: left;
  81. padding: 20px;
  82. font-family: 'molengo';
  83. width: 21px;
  84. height: 20px;
  85. }
  86.  
  87. .sideimageholder {
  88. float: right;
  89. margin-top: -250px;
  90. }
  91.  
  92. .sideimg {
  93. width: 73px;
  94. height: 73px;
  95. margin-bottom: 10px;
  96. }
  97.  
  98. .sideimg img {
  99. width: 100%;
  100. height: 100%;
  101. }
  102.  
  103.  
  104. .vani{
  105. width:280px;
  106. height:220px;
  107. z-index:155;
  108. padding:3px;
  109. overflow: auto;
  110. opacity:0;
  111. line-height:13px;
  112. font-size: 12px;
  113. color: #000;
  114. font-family: 'signika negative';
  115. text-align: justify;
  116. text-transform:none;
  117. position:absolute;
  118. margin-top:258px;
  119. margin-left:365px;
  120. text-align: left;
  121. padding: 10px;
  122. background-image:url(http://i.picpar.com/W32b.png);
  123. -transition: 0.9s all ease-in-out;
  124. -o-transition: 0.9s all ease-in-out;
  125. -moz-transition: 0.9s all ease-in-out;
  126. -webkit-transition: 0.9s all ease-in-out;}
  127.  
  128. .vani:target{
  129. margin-top:258px;
  130. margin-left:365px;
  131. opacity: 1;
  132. z-index:200;
  133. -transition: 0.9s all ease-in-out;
  134. -o-transition: 0.9s all ease-in-out;
  135. -moz-transition: 0.9s all ease-in-out;
  136. -webkit-transition: 0.9s all ease-in-out;}
  137.  
  138. .vani2{
  139. width:280px;
  140. height:220px;
  141. z-index:155;
  142. padding:3px;
  143.  
  144. opacity:0;
  145. line-height:13px;
  146. font-size: 12px;
  147. color: #000;
  148. font-family: 'signika negative';
  149. text-align: justify;
  150. text-transform:none;
  151. position:absolute;
  152. margin-top:258px;
  153. margin-left:365px;
  154. text-align: left;
  155. padding: 10px;
  156. background-image:url(http://i.picpar.com/W32b.png);
  157. -transition: 0.9s all ease-in-out;
  158. -o-transition: 0.9s all ease-in-out;
  159. -moz-transition: 0.9s all ease-in-out;
  160. -webkit-transition: 0.9s all ease-in-out;}
  161.  
  162. .vani2:target{
  163. margin-top:258px;
  164. margin-left:365px;
  165. opacity: 1;
  166. z-index:200;
  167. -transition: 0.9s all ease-in-out;
  168. -o-transition: 0.9s all ease-in-out;
  169. -moz-transition: 0.9s all ease-in-out;
  170. -webkit-transition: 0.9s all ease-in-out;}
  171.  
  172. .vani3{
  173. width:280px;
  174. height:220px;
  175. z-index:155;
  176. padding:3px;
  177.  
  178. opacity:0;
  179. line-height:13px;
  180. font-size: 12px;
  181. color: #000;
  182. font-family: 'signika negative';
  183. text-align: justify;
  184. text-transform:none;
  185. position:absolute;
  186. margin-top:258px;
  187. margin-left:365px;
  188. text-align: left;
  189. padding: 10px;
  190. background-image:url(http://i.picpar.com/W32b.png);
  191. -transition: 0.9s all ease-in-out;
  192. -o-transition: 0.9s all ease-in-out;
  193. -moz-transition: 0.9s all ease-in-out;
  194. -webkit-transition: 0.9s all ease-in-out;}
  195.  
  196. .vani3:target{
  197. margin-top:258px;
  198. margin-left:365px;
  199. opacity: 1;
  200. z-index:200;
  201. -transition: 0.9s all ease-in-out;
  202. -o-transition: 0.9s all ease-in-out;
  203. -moz-transition: 0.9s all ease-in-out;
  204. -webkit-transition: 0.9s all ease-in-out;}
  205.  
  206.  
  207. #whole{
  208. position: fixed;
  209. top: 0px;
  210. left: 0px;
  211. right: 0px;
  212. bottom: 0px;}
  213.  
  214. </style>
  215.  
  216. <div id="whole" oncontextmenu="return false;">
  217. <body>
  218.  
  219. <div class="section" id="section1">
  220. <div id="content">
  221. <div class="text">
  222. <h2>David Paxton</h2>
  223.  
  224. <hr color="#000" width="270"> <br>
  225. <font style="float: left"><b>namesake;</font> <font style="float: right">david m. paxton.</font><br>
  226. <font style="float: left"><b>common alias;</font> <font style="float: right">detective paxton.</font><br>
  227. <font style="float: left"><b>age / gender ;</font> <font style="float: right">27 ½ / masculine.</font><br>
  228. <font style="float: left"><b>species;</font> <font style="float: right">wizard, half-blood.</font><br>
  229. <font style="float: left"><b>the occupation;</font> <font style="float: right">investigative auror.</font><br>
  230. <font style="float: left"><b>education;</font> <font style="float: right">salem institution.</font><br>
  231. <font style="float: left"><b>orientation;</font> <font style="float: right">hunky gay men.</font><br>
  232. <font style="float: left"><b>marital status;</font> <font style="float: right">seeking a hunny.</font><br>
  233. <font style="float: left"><b>height / weight ;</font> <font style="float: right">6'0'' / 170 lbs.</font><br>
  234. <font style="float: left"><b>hair / eye color;</font> <font style="float: right">dark black / cocoa.</font><br>
  235. <font style="float: left"><b>residential area;</font> <font style="float: right">nowhere; nomadic.</font><br>
  236. <font style="float: left"><b>boggart;</font> <font style="float: right">his own failure.</font><br>
  237. <font style="float: left"><b>patronus;</font> <font style="float: right">red-tailed raccoon.</font><br>
  238. <font style="float: left"><b>amortentia;</font> <font style="float: right">leather, citrus, fresh pine.</font><br>
  239. <font style="float: left"><b>the wand;</font> <font style="float: right">11'' aspen wood, pixie heart, swishy. </font><br>
  240.  
  241.  
  242.  
  243. </div>
  244. <div class="mainimage">
  245. <img src="http://static.tumblr.com/a62248d246694c5efbc06495ca76e128/xro1amg/A2hn33sbx/tumblr_static_icon.png">
  246. </div>
  247. <div class="colorholder">
  248. <div class="color" style="background-color: #606269"><a href="#dossier">.01</a></div>
  249. <div class="color" style="background-color: #494B54"><a href="#misc">.02</a></div>
  250. <div class="color" style="background-color: #33343E"><a href="#relations">.03</a></div>
  251. <div class="color" style="background-color: #1c1e29"><a href="#ooc">.04</a></div>
  252. </div>
  253. <div class="sideimageholder">
  254. <div class="sideimg"><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTdSABI_CfJOnCYuQlJrslcyVivYgIPnW_Sz8rdAbPToZhVqfMM"></div>
  255. <div class="sideimg"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRhfHBomoPlT-yo_ZLwR0hbRb3LgpUqXflaaeaETWmuIXIHaVQQ"></div>
  256. <div class="sideimg"><img src="http://static.tumblr.com/b3c889a402a8b95680dc547f8ac3a40f/3biytw4/VVVn48z9m/tumblr_static_4j1yriddi1s0ogogsgwk088w0.png"></div>
  257. <div class="sideimg"><img src="https://38.media.tumblr.com/9f2dfc5e4d9e42774c3148b7bcaa3839/tumblr_npglfc0Mz71usjxweo2_400.gif"></div>
  258. </div>
  259. </div>
  260. </div>
  261.  
  262. <div id="misc" class="vani">
  263. testing.
  264. </div>
  265.  
  266. <div id="relations" class="vani2">
  267. put the squad here. idk.
  268. </div>
  269.  
  270. <div id="ooc" class="vani3">
  271. buncha bullshit here. <br><bR>
  272. <a href="http://1.roleplay.chat/profile.php?user=Tessa%20Krum" target="_blank">tessa</a> revamped an old tumblr layout. don't touch. she's a true hunny.
  273.  
  274. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement