API tools faq
paste
RageQxeen

Dementia

RageQxeen
Jul 29th, 2018
126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.20 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=Great+Vibes|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">TITLE<big><big>⇤ </big></big></div>
  315.  
  316. <div id="intro">
  317. <i style="color:#dba0ac;font-size:12px"><big>❝</big>QUOTE<big>❞</big></i>
  318. </div>
  319.  
  320. <div id="sideimg"><img src="https://raikou2.donmai.us/sample/bd/c3/__original_drawn_by_tokigi_akira__sample-bdc39251805213d7cd15c51176d34a6d.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>NAME</font><br>
  333. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="NICKNAMES">hover</a></font><br>
  334. <font style=float:left><b>Gender</b></font> <font style=float:right>Male</font><br>
  335. <font style=float:left><b>Apparent Age</b></font> <font style=float:right>AGE</font><br>
  336. <font style=float:left><b>Race</b></font> <font style=float:right>RACE</font><br><br>
  337. <font style=float:left><b>Height</b></font> <font style=float:right>HEIGHT</font><br>
  338. <font style=float:left><b>Weight</b></font> <font style=float:right>WEIGHT</font><br>
  339. <font style=float:left><b>Tresses</b></font> <font style=float:right>HAIR</font><br>
  340. <font style=float:left><b>Irises</b></font> <font style=float:right>EYES</font><br><br>
  341. <font style=float:left><b>Position/Dom-Sub</b></font> <font style=float:right><a title="SEXUAL PREFERENCE">hover</a></font><br>
  342. <font style=float:left><b>Marital</b></font> <font style=float:right>HERE</font><br>
  343. <font style=float:left><b>Interest</b></font> <font style=float:right><a href="https://roleplay.chat/profile.php?user=HERE" target="_blank">HERE</a>
  344. <font style=float:left><b>Orientation</b></font> <font style=float:right>HERE</font><br><br>
  345. <font style=float:left><b>Physical</b></font> <font style=float:right>HERE</font><br>
  346. </div>
  347.  
  348. <a name="two"></a>
  349. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  350. POWERS
  351.  
  352. </div>
  353.  
  354. <a name="three"></a>
  355. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  356. HISTORY
  357. </div>
  358.  
  359. <a name="four"></a>
  360. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  361. <a target="_blank" href="https://roleplay.chat/profile.php?user=HERE"><img style="border-radius: 50%" src="IMAGE LINK" align="left" height="60" width="60"></a>
  362. <a href=""><img style="border-radius: 50%" src="" align="left" height="60" width="60"></a>
  363. </div>
  364.  
  365. <a name="five"></a>
  366. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  367. <b>00</b>. Code doesn't belongs to me, do not steal. Ask.<br>
  368. <b>01</b>. <br>
  369. <b>02</b>. <br>
  370. <b>03</b>. <br>
  371. <b>04</b>. <br>
  372. <b>05</b>. <br>
  373. <b>06</b>. <br>
  374. <b>07</b>. <br>
  375. <b>08</b>. <br>
  376. <b>09</b>. <br>
  377. </div>
  378.  
  379. <a name="six"></a>
  380. </div>
  381. </div>
  382.  
  383.  
  384.  
  385.  
  386. </body>
  387. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!