API tools faq
paste
Advertisement
RageQxeen

Lofn of Lust

RageQxeen
Jun 18th, 2018
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.36 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body>
  4. <style type="text/css">
  5.  
  6. @import url(https://fonts.googleapis.com/css?family=Indie+Flower|Pacifico|Shadows+Into+Light|Dancing+Script|Architects+Daughter|Kaushan+Script|Gloria+Hallelujah|Satisfy|Courgette|Handlee|Rock+Salt|Cookie|Shadows+Into+Light+Two|Tangerine|Pinyon+Script|Great+Vibes|Bad+Script|Marck+Script|Damion|Niconne|Alex+Brush|Yellowtail|Nothing+You+Could+Do|Kalam|Sacramento|Homemade+Apple|Calligraffitti|Just+Another+Hand|Waiting+for+the+Sunrise|Allura|Rancho|Crafty+Girls|Reenie+Beanie|Parisienne|Rochester|Leckerli+One|Grand+Hotel|Merienda+One|Italianno|Montez|Petit+Formal+Script|Give+You+Glory|Delius|Mr+Dafoe|The+Girl+Next+Door|Arizonia|La+Belle+Aurore|Qwigley|Norican|Euphoria+Script|Dawning+of+a+New+Day|Bilbo+Swash+Caps|Meddon|Fondamento|Clicker+Script|Aladin|Delius+Swash+Caps|Rouge+Script|Engagement|Redressed|Noto+Sans);
  7.  
  8.  
  9. body{
  10. background:#fafafa;
  11. background-image:url('http://37.media.tumblr.com/tumblr_ls0w5txuft1r3vazto13_r1_400.png'); /* delete background-image if you just want a plain color background */
  12. background-attachment:fixed;
  13. background-repeat:repeat; /* if you do not want your background repeated simply change repeat to no-repeat */
  14. padding:0;
  15. margin:0;
  16. }
  17.  
  18. body a{
  19. text-decoration:none;
  20. }
  21.  
  22. #profile {
  23. background-color: #transparent;
  24. border: 0px ;
  25. }
  26.  
  27. .pfor {display: none}
  28.  
  29.  
  30. ::-webkit-scrollbar {
  31. width:11px;
  32. height:7px;
  33. }
  34.  
  35. ::-webkit-scrollbar-track-piece {
  36. background-color:#transparent;
  37. }
  38. ::-webkit-scrollbar-thumb {
  39. background-color:#transparent;
  40. border:2px solid #transparent;
  41. border-right:4px solid #transparent;
  42. border-radius:5px;
  43. }
  44.  
  45. #content i{
  46. font-size:11px;
  47. color:#e2c696;
  48. }
  49.  
  50.  
  51. #content b{
  52. font-size:11px;
  53. color:#ca786e;
  54. }
  55.  
  56. #sideimg img{
  57. float:right;
  58. margin-top: -10%;
  59. margin-right: 15%;
  60. width: 250px;
  61. height: auto;
  62. padding:10px;
  63. background:#222;
  64. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  65. border-radius:7px;
  66. }
  67.  
  68. #pattern_horizontal{
  69. position:fixed;
  70. top:19%;
  71. left:0px;
  72. height:65px;
  73. width:100%;
  74. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  75. opacity:;.9;
  76. z-index:-1;
  77. }
  78.  
  79. #pattern_vertical{
  80. position:fixed;
  81. top:0;
  82. left:20%;
  83. height:100%;
  84. width:50px;
  85. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  86. opacity:.9;
  87. z-index:-2;
  88. }
  89.  
  90. #content{
  91. margin-top: 19%;
  92. margin-left: 30.5%;
  93. width:395px;
  94. height:300px;
  95. padding:10px;
  96. font-family: 'Noto Sans', sans-serif;
  97. color:#eee;
  98. background:#121212;
  99. background-image:url('http://38.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo6_1280.png');
  100. font-size:10px;
  101. line-height:120%;
  102. overflow:auto;
  103. border-radius:3px;
  104. }
  105.  
  106. #content li{
  107. list-style-type:square;
  108. margin:2px;
  109. }
  110.  
  111. #content a{
  112. color:#dba0ac;
  113. text-decoration: uppercase;
  114. -webkit-transition: all 0.5s ease-in-out;
  115. -moz-transition: all 0.5s ease-in-out;
  116. -ms-transition: all 0.5s ease-in-out;
  117. -o-transition: all 0.5s ease-in-out;
  118. }
  119.  
  120. #content a:hover{
  121. color:#e28178;
  122. text-decoration: uppercase;
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -ms-transition: all 0.5s ease-in-out;
  126. -o-transition: all 0.5s ease-in-out;
  127. }
  128.  
  129. #nav1 {
  130. position:absolute;
  131. margin-top: 0%;
  132. margin-left: 20%;
  133. font-family: 'Noto Sans', sans-serif;
  134. text-transform: uppercase;
  135. font-size: 9px;
  136. width:100px;
  137. padding:9px;
  138. text-align:center;
  139. letter-spacing: 1px;
  140. height:auto;
  141. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  142. border-radius:4px;
  143. }
  144.  
  145. #title{
  146. float:right;
  147. text-align:right;
  148. margin-top: 0%;
  149. margin-right: 45%;
  150. width:350px;
  151. color:#fff1dd;
  152. line-height:100%;
  153. text-transform:uppercase;
  154. font-size:52px;
  155. letter-spacing:4px;
  156. font-family: 'Oswald', sans-serif;
  157. text-shadow:0px 0px 3px #444;
  158. }
  159.  
  160. #title:first-letter{
  161. font-weight:700;
  162. color:#fff;
  163. text-shadow:0px 0px 3px #333;
  164. letter-spacing:5px;
  165. font-size:55px;
  166. }
  167.  
  168. #intro{
  169. margin-top:65px;
  170. margin-left: 30%;
  171. padding:8px;
  172. text-align:center;
  173. font-family:arial;
  174. font-weight:bold;
  175. font-size:12px;
  176. line-height:110%;
  177. color:#fff;
  178. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  179. width:414px;
  180. height:auto;
  181. }
  182.  
  183. #border1{
  184. position:fixed;
  185. top:0;
  186. left:0;
  187. width:100%;
  188. height:15px;
  189. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  190. opacity:.9;
  191. }
  192.  
  193. #border2{
  194. position:fixed;
  195. top:0;
  196. left:0;
  197. width:10px;
  198. height:100%;
  199. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  200. opacity:.9;
  201. }
  202.  
  203. #border3{
  204. position:fixed;
  205. bottom:0;
  206. left:0;
  207. width:100%;
  208. height:15px;
  209. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  210. opacity:.9;
  211. }
  212.  
  213. #border4{
  214. position:fixed;
  215. top:0;
  216. right:0;
  217. width:10px;
  218. height:100%;
  219. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  220. opacity:.9;
  221. }
  222.  
  223. h1 {
  224. font-family: 'Great Vibes', sans-serif;
  225. font-size: 30px;
  226. color: #ca786e;
  227. letter-spacing:1px;
  228. word-spacing:-1px;
  229. text-decoration:none!important;
  230. text-align: center;
  231. }
  232.  
  233. h2 {
  234. font-family: 'Great Vibes', sans-serif;
  235. font-size: 20px;
  236. color: #ca786e;
  237. letter-spacing:1px;
  238. word-spacing:-1px;
  239. text-decoration:none!important;
  240. text-align: center;
  241. }
  242.  
  243. .a:link, a:active, a:visited {
  244. font-family: 'Noto Sans', sans-serif;
  245. font-size: 11px;
  246. color:#f2f2f2;
  247. letter-spacing: 1px;
  248. text-decoration: uppercase;
  249. text-align: left;
  250. -webkit-transition-duration: 1.5s;
  251. -moz-transition-duration: 1.5s;
  252. }
  253.  
  254. a:hover {
  255. background-color: transparent;
  256. font-family: 'Noto Sans', sans-serif;
  257. font-size: 11px;
  258. font-weight: bold;
  259. color: #333333;
  260. text-decoration: uppercase;
  261. text-align: left;
  262. }
  263.  
  264.  
  265. #nav1 a, #nav1 a:link, #nav1 a:visited {
  266. float:left;
  267. width: 90px;
  268. margin:4px 3px;
  269. padding:2px;
  270. text-transform:uppercase;
  271. font-size:9px;
  272. letter-spacing:1px;
  273. font-family: 'Noto Sans', sans-serif;
  274. color:#f2ddbc;
  275. background:#333; /*7c5862*/
  276. border-radius:4px;
  277. box-shadow:0px 0px 3px #555;
  278. -webkit-transition: all 0.5s ease-in-out;
  279. -moz-transition: all 0.5s ease-in-out;
  280. -ms-transition: all 0.5s ease-in-out;
  281. -o-transition: all 0.5s ease-in-out;
  282. }
  283.  
  284. #nav1 a:active, #nav1 a:hover {
  285. color:#fff;
  286. background:#a95354;
  287. border-radius:6px;
  288. text-align: center;
  289. box-shadow:0px 0px 5px #444;
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -moz-transition: all 0.5s ease-in-out;
  292. -ms-transition: all 0.5s ease-in-out;
  293. -o-transition: all 0.5s ease-in-out;
  294. }
  295.  
  296. </style>
  297.  
  298. <div id="border1"></div>
  299. <div id="border2"></div>
  300. <div id="border3"></div>
  301. <div id="border4"></div>
  302.  
  303. <div id="nav1">
  304. <a href="#one" class"first">Home</a>
  305. <a href="#two" class="first">Powers</a>
  306. <a href="#three" class="second">History</a>
  307. <a href="#four" class="second">Relationships</a>
  308. <a href="#five" class="first">OOC</a>
  309. <a target="_blank" href="http://almightyone.tumblr.com/" title="theme by almightyone, changed to fit RPC by self." class="second">Credit</a>
  310. </div>
  311.  
  312. <div id="pattern_horizontal">
  313.  
  314. <div id="title">Lust<big><big>⇤ </big></big></div>
  315.  
  316. <div id="intro">
  317. <i style="color:#dba0ac;font-size:12px"><big>❝</big>QUOTE HERE<big>❞</big></i>
  318. </div>
  319.  
  320. <div id="sideimg"><img src="http://i.picpar.com/QLOc.jpg" />
  321. </div>
  322.  
  323. </div>
  324. <div id="pattern_vertical"></div>
  325.  
  326. <div id="content">
  327.  
  328. <div style="width: 395px; height: 300px; overflow-y: hidden;">
  329.  
  330. <a name="one"></a>
  331. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  332. <font style=float:left><b>Name</b></font> <font style=float:right></font><br>
  333. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="">hover</a></font><br>
  334. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  335. <font style=float:left><b>Apparent Age</b></font> <font style=float:right></font><br>
  336. <font style=float:left><b>Race</b></font> <font style=float:right></font><br><br>
  337. <font style=float:left><b>Height</b></font> <font style=float:right></font><br>
  338. <font style=float:left><b>Weight</b></font> <font style=float:right></font><br>
  339. <font style=float:left><b>Tresses</b></font> <font style=float:right></font><br>
  340. <font style=float:left><b>Irises</b></font> <font style=float:right></font><br><br>
  341. <font style=float:left><b>Position/Dom-Sub</b></font> <font style=float:right><a title="">hover</a></font><br>
  342. <font style=float:left><b>Marital</b></font> <font style=float:right></font><br>
  343. <font style=float:left><b>Interest</b></font> <font style=float:right><a target="_blank" href="" target="_blank"></a></font><br>
  344. <font style=float:left><b>Orientation</b></font> <font style=float:right></font><br>
  345. </div>
  346.  
  347. <a name="two"></a>
  348. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  349.  
  350. </div>
  351.  
  352. <a name="three"></a>
  353. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  354.  
  355. </div>
  356.  
  357. <a name="four"></a>
  358. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  359.  
  360. <a href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  361. </div>
  362.  
  363. <a name="five"></a>
  364. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  365. <b>00</b>. Code doesn't belongs to me, do not steal. Ask.<br>
  366.  
  367. </div>
  368.  
  369. <a name="six"></a>
  370. </div>
  371. </div>
  372. </div>
  373.  
  374.  
  375.  
  376. </body>
  377. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!