API tools faq
paste
Advertisement
Carneficine

beautiful theme

Carneficine
Jan 31st, 2017
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.53 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body><style type="text/css">
  4.  
  5. @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);
  6.  
  7.  
  8. body{
  9. background:#fafafa;
  10. background-image:url('http://37.media.tumblr.com/tumblr_ls0w5txuft1r3vazto13_r1_400.png'); /* delete background-image if you just want a plain color background */
  11. background-attachment:fixed;
  12. background-repeat:repeat; /* if you do not want your background repeated simply change repeat to no-repeat */
  13. padding:0;
  14. margin:0;
  15. }
  16.  
  17. body a{
  18. text-decoration:none;
  19. }
  20.  
  21. #profile {
  22. background-color: #transparent;
  23. border: 0px ;
  24. }
  25.  
  26. .pfor {display: none}
  27.  
  28.  
  29. ::-webkit-scrollbar {
  30. width:11px;
  31. height:7px;
  32. }
  33.  
  34. ::-webkit-scrollbar-track-piece {
  35. background-color:#transparent;
  36. }
  37. ::-webkit-scrollbar-thumb {
  38. background-color:#transparent;
  39. border:2px solid #transparent;
  40. border-right:4px solid #transparent;
  41. border-radius:5px;
  42. }
  43.  
  44. #content i{
  45. font-size:11px;
  46. color:#e2c696;
  47. }
  48.  
  49.  
  50. #content b{
  51. font-size:11px;
  52. color:#ca786e;
  53. }
  54.  
  55. #sideimg img{
  56. float:right;
  57. margin-top: -10%;
  58. margin-right: 15%;
  59. width: 250px;
  60. height: auto;
  61. padding:10px;
  62. background:#222;
  63. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  64. border-radius:7px;
  65. }
  66.  
  67. #pattern_horizontal{
  68. position:fixed;
  69. top:19%;
  70. left:0px;
  71. height:65px;
  72. width:100%;
  73. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  74. opacity:;.9;
  75. z-index:-1;
  76. }
  77.  
  78. #pattern_vertical{
  79. position:fixed;
  80. top:0;
  81. left:20%;
  82. height:100%;
  83. width:50px;
  84. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  85. opacity:.9;
  86. z-index:-2;
  87. }
  88.  
  89. #content{
  90. margin-top: 19%;
  91. margin-left: 30.5%;
  92. width:395px;
  93. height:300px;
  94. padding:10px;
  95. font-family: 'Noto Sans', sans-serif;
  96. color:#eee;
  97. background:#121212;
  98. background-image:url('http://38.media.tumblr.com/tumblr_m0g3ybPmqj1r6uwfxo6_1280.png');
  99. font-size:10px;
  100. line-height:120%;
  101. overflow:auto;
  102. border-radius:3px;
  103. }
  104.  
  105. #content li{
  106. list-style-type:square;
  107. margin:2px;
  108. }
  109.  
  110. #content a{
  111. color:#dba0ac;
  112. text-decoration: uppercase;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -ms-transition: all 0.5s ease-in-out;
  116. -o-transition: all 0.5s ease-in-out;
  117. }
  118.  
  119. #content a:hover{
  120. color:#e28178;
  121. text-decoration: uppercase;
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -ms-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. }
  127.  
  128. #nav1 {
  129. position:absolute;
  130. margin-top: 0%;
  131. margin-left: 20%;
  132. font-family: 'Noto Sans', sans-serif;
  133. text-transform: uppercase;
  134. font-size: 9px;
  135. width:100px;
  136. padding:9px;
  137. text-align:center;
  138. letter-spacing: 1px;
  139. height:auto;
  140. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  141. border-radius:4px;
  142. }
  143.  
  144. #title{
  145. float:right;
  146. text-align:right;
  147. margin-top: 0%;
  148. margin-right: 45%;
  149. width:350px;
  150. color:#fff1dd;
  151. line-height:100%;
  152. text-transform:uppercase;
  153. font-size:52px;
  154. letter-spacing:4px;
  155. font-family: 'Oswald', sans-serif;
  156. text-shadow:0px 0px 3px #444;
  157. }
  158.  
  159. #title:first-letter{
  160. font-weight:700;
  161. color:#fff;
  162. text-shadow:0px 0px 3px #333;
  163. letter-spacing:5px;
  164. font-size:55px;
  165. }
  166.  
  167. #intro{
  168. margin-top:65px;
  169. margin-left: 30%;
  170. padding:8px;
  171. text-align:center;
  172. font-family:arial;
  173. font-weight:bold;
  174. font-size:12px;
  175. line-height:110%;
  176. color:#fff;
  177. background-image:url('http://37.media.tumblr.com/tumblr_lxwynw0Pdg1r9g6hvo2_250.png');
  178. width:414px;
  179. height:auto;
  180. }
  181.  
  182. #border1{
  183. position:fixed;
  184. top:0;
  185. left:0;
  186. width:100%;
  187. height:15px;
  188. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  189. opacity:.9;
  190. }
  191.  
  192. #border2{
  193. position:fixed;
  194. top:0;
  195. left:0;
  196. width:10px;
  197. height:100%;
  198. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  199. opacity:.9;
  200. }
  201.  
  202. #border3{
  203. position:fixed;
  204. bottom:0;
  205. left:0;
  206. width:100%;
  207. height:15px;
  208. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  209. opacity:.9;
  210. }
  211.  
  212. #border4{
  213. position:fixed;
  214. top:0;
  215. right:0;
  216. width:10px;
  217. height:100%;
  218. background-image:url('http://38.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo4_250.png');
  219. opacity:.9;
  220. }
  221.  
  222. h1 {
  223. font-family: 'Noto Sans', sans-serif
  224. font-size: 13px;
  225. color: #ca786e;
  226. letter-spacing:1px;
  227. word-spacing:-1px;
  228. text-decoration:none!important;
  229. text-align: center;
  230. }
  231.  
  232. .a:link, a:active, a:visited {
  233. font-family: 'Noto Sans', sans-serif;
  234. font-size: 11px;
  235. color:#f2f2f2;
  236. letter-spacing: 1px;
  237. text-decoration: uppercase;
  238. text-align: left;
  239. -webkit-transition-duration: 1.5s;
  240. -moz-transition-duration: 1.5s;
  241. }
  242.  
  243. a:hover {
  244. background-color: transparent;
  245. font-family: 'Noto Sans', sans-serif;
  246. font-size: 11px;
  247. font-weight: bold;
  248. color: #333333;
  249. text-decoration: uppercase;
  250. text-align: left;
  251. }
  252.  
  253.  
  254. #nav1 a, #nav1 a:link, #nav1 a:visited {
  255. float:left;
  256. width: 90px;
  257. margin:4px 3px;
  258. padding:2px;
  259. text-transform:uppercase;
  260. font-size:9px;
  261. letter-spacing:1px;
  262. font-family: 'Noto Sans', sans-serif;
  263. color:#f2ddbc;
  264. background:#333; /*7c5862*/
  265. border-radius:4px;
  266. box-shadow:0px 0px 3px #555;
  267. -webkit-transition: all 0.5s ease-in-out;
  268. -moz-transition: all 0.5s ease-in-out;
  269. -ms-transition: all 0.5s ease-in-out;
  270. -o-transition: all 0.5s ease-in-out;
  271. }
  272.  
  273. #nav1 a:active, #nav1 a:hover {
  274. color:#fff;
  275. background:#a95354;
  276. border-radius:6px;
  277. text-align: center;
  278. box-shadow:0px 0px 5px #444;
  279. -webkit-transition: all 0.5s ease-in-out;
  280. -moz-transition: all 0.5s ease-in-out;
  281. -ms-transition: all 0.5s ease-in-out;
  282. -o-transition: all 0.5s ease-in-out;
  283. }
  284.  
  285. </style>
  286.  
  287. <div id="border1"></div>
  288. <div id="border2"></div>
  289. <div id="border3"></div>
  290. <div id="border4"></div>
  291.  
  292. <div id="nav1">
  293. <a href="#one" class"first">Home</a>
  294. <a href="#two" class="first">Powers</a>
  295. <a href="#three" class="second">History</a>
  296. <a href="#four" class="second">Relationships</a>
  297. <a href="#five" class="first">OOC</a>
  298. <a target="_blank" href="http://almightyone.tumblr.com/" title="theme by almightyone, changed to fit RPC by self." class="second">Credit</a>
  299. </div>
  300.  
  301. <div id="pattern_horizontal">
  302.  
  303. <div id="title">Pure<big><big>⇤ </big></big></div>
  304.  
  305. <div id="intro">
  306. <i style="color:#dba0ac;font-size:12px"><big>❝</big>A bizarre sense of purity continued to permeate around her, despite the staggering body-count that lurked in her shadow<big>❞</big></i>
  307. </div>
  308.  
  309. <div id="sideimg"><img src="http://i.picpar.com/Kahc.jpg" />
  310. </div>
  311.  
  312. </div>
  313. <div id="pattern_vertical"></div>
  314.  
  315. <div id="content">
  316.  
  317. <div style="width: 395px; height: 300px; overflow-y: hidden;">
  318.  
  319. <a name="one"></a>
  320. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  321. <font style=float:left><b>Name</b></font> <font style=float:right>Kai, Natsumi</font><br>
  322. <font style=float:left><b>Nickname</b></font> <font style=float:right><a title="The White Kerberos, The Hound of War, The Ghost of the Battlefield, The White Death, The Queen of Destruction, etc.">hover</a></font><br>
  323. <font style=float:left><b>Gender</b></font> <font style=float:right>Female</font><br>
  324. <font style=float:left><b>Apparent Age</b></font> <font style=float:right><a title="Date of Birth is September 5th, 890">25</a></font><br>
  325. <font style=float:left><b>Race</b></font> <font style=float:right><a title="The Owner of a Dog God; Human.">Inugami-mochi</a></font><br><br>
  326. <font style=float:left><b>Height</b></font> <font style=float:right>5'10"</font><br>
  327. <font style=float:left><b>Weight</b></font> <font style=float:right>150 lbs</font><br>
  328. <font style=float:left><b>Tresses</b></font> <font style=float:right>White</font><br>
  329. <font style=float:left><b>Irises</b></font> <font style=float:right>Red</font><br><br>
  330. <font style=float:left><b>Position/Dom-Sub</b></font> <font style=float:right><a title="Bottom/Sub">hover</a></font><br>
  331. <font style=float:left><b>Marital</b></font> <font style=float:right>N/A</font><br>
  332. <font style=float:left><b>Interest</b></font> <font style=float:right><a target="_blank" href="https://roleplay.chat/profile.php?user=Cu+Bas" target="_blank">Teaching an Old Dog new tricks</a></font><br>
  333. <font style=float:left><b>Orientation</b></font> <font style=float:right>Demisexual</font><br><br>
  334. <font style=float:left><b>Physical</b></font> <font style=float:right>100%</font><br>
  335. </div>
  336.  
  337. <a name="two"></a>
  338. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  339. <h1>Passive</h1>
  340. <b>Benefits of a God</b> - Possession of the Inugami grants the user optimal health and enhanced senses, healing, durability, endurance, speed, stamina, strength; as well as the ability to adapt to any environment, see during the night, and regulate inner temperature.<br><br>
  341. <b>The Monster's Appetite</b> - The ability to consume any type of meat without any ill effects, including human.<br><br>
  342.  
  343. <h1>Active</h1>
  344. <a target="_blank" href="http://i.picpar.com/eicc.jpg" target="_blank"><b>Become the God</b></a> - The ability to transform into the true form of the Inugami from her natural human state. (Click on title)<br><br>
  345. <b>Fly with the Gods</b> - The ability to levitate and fly short distances, anywhere from 50 to 100 kilometers.<br><br>
  346. <b>Will of the Gods</b> - Enhancing her will with the power of the Inugami, Natsumi is able to summon and control a mass of spirits from the Other World [A world of departed supernatural creatures], the limit of how many has not been tested.<br><br>
  347. <b>Gift the Unfortunate</b> - An ability of the Inugami instead of Natsumi, the Kami is able to possess another; be it for safety or to subdue, though it only works if the will of the being possessed is weaker than the Inugami's.<br><br>
  348. <b>Curse of the Wrathful God</b> - Another ability from the Inugami, when it is at full power and in complete control, the Inugami has the ability to curse someone; though as it was only done once before without Natsumi's knowledge, it is unknown how exactly this is done. [AKA I'm not using this power unless to further plot/it gets revealed in RP]
  349.  
  350. <h1>Knowledge</h1>
  351. <b>Talisman Creation</b> - While the knowledge on how exactly to make them is extremely low, Natsumi has shown the ability to make Talisman's that have the ability to suppress her powers and aura as long as they remain bound to her.<br><br>
  352. <b>Weapon Proficiency</b> - She is not proficient in every type of weaponry, but has lived long enough to train with the blade, and seeing as her family is from a line of archers, knows how to use a bow; more modern things such as guns are lost upon her, but seeing as she was a woman in the somewhat-late Heian period, also has knowledge of how to work a Naginata.<br><br>
  353. <b>Magic</b> - Excessively low level spells are moderately easy for her to control as long as they work within the limits of the Natural World. [ i.e. Wood, Metal, Water, Fire and Earth AKA the Five Elements of Wu Xing ]<br><br>
  354. <b>Divination</b> - While she does not per say gain insight on the future, Natsumi does have a connection to the supernatural through her Inugami and the power the Kami has.<br><br>
  355. <b>Crystals</b> - Natsumi has shown to have some knowledge in crystals and their influential properties; such as the red Jade being used for warriors to rest their fear and the Moldavite being a connection to the Other World/God's Realm that brings balance to her and the Inugami's minds.<br><br>
  356. <center>MORE TO COME</center>
  357. </div>
  358.  
  359. <a name="three"></a>
  360. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  361. Born Hirohata Natsumi, daughter of Tsung Minamoto; a noble royal family that served for their country and the 60th Emperor of Japan, Emperor Daigo. From an early age she was taught to read, write and defend herself by her older brother, mother, and trainer; her absent father was something she was told not to worry about- as he was off to defend the rights of their clan. What she wasn't aware of was the abusive nature of her father, his desire for violence heavily outweighed the love he had for his family- this was something she came to learn quickly upon the day he returned from battle so severely wounded that he was forced to put his sword down. This caused a great unsettle with the family, for despite their affiliation with the Minamoto Clan, they would eventually fall into poverty.<br><br><br>
  362. In order to alleviate some of the concerns, a close friend gifted the family an Akita pup, hoping that the mystical energy that surrounded the breed would bring prosperity to the unfortunate father. A few months would quickly pass, and with a steady decline of profits slowly slipping the family into poverty as Tsung had feared- he quickly searched for the reason why. When none could conclusively be made, his attention was turned to the dog that was suppose to bring them the wealth promised. Rage consumed as he incorrectly assumed the issue to be in the fact that the dog had taken to Natsumi instead of anyone else. Calling his wife to search into a way to fix the issue, as she descended from a line of strong sorcerers, Natsumi's mother made the decision to create an Inugami and force the spirit to serve them. Even if the cost was to become Inugami-Mochi, outcasts to their clan, and the city; it was a far better option than falling into a lower social class.<br><br><br>
  363. A week passed without issues, though it didn't take long for Natsumi to figure out something was very wrong, in search of her pet- she found the dog starved to death in the back yard. Surrounded by her father and mother, she was forced to watch the ceremony come to completion, though her mother was unable to call the spirit forth to obey her. Wrathful and lashing, Natsumi called forth the Inugami instead with instant results, a promise to serve the dog god by sharing her body with it in favor of freedom from the chains placed on her by a family name.<br><br><br>
  364. Upon possession, the Inugami killed Natsumi's father and cursed her mother into a life of prostitution, leaving her older brother unharmed as the newly born Inugami-mochi fled to the outskirts of the city. What Natsumi remained unaware of, even till this day, is the determination set by her older brother to find and put an end to her life- believing that the Inugami had consumed her soul and mind to take the body for itself. The first few years were quite difficult, the changes made to her body were painful and odd, but eventually years turned to centuries and Natsumi grew use to her new situation. Her power grew, both Inugami and Inugami-mochi learning side by side how to cooperate and work independently without interfering with the other. Soon they were a flawless team, able to take down even the strongest of sorcerers who dared to attempt to "free" her from the binds of the Dog God.<br><br><br>
  365. However, certain occurrences would happen that would force Natsumi to flee a region, such as being hunted by an unknown assailant that was neither sorcerer nor samurai, and it wasn't until trade once again became prevalent that she was able to flee the country safely. Now able to see the world as she pleased, Natsumi cast her old surname behind, taking Kai instead.</div>
  366.  
  367. <a name="four"></a>
  368. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  369. <a target="_blank" href="https://roleplay.chat/profile.php?user=Bakasura"><img style="border-radius: 50%" src="https://images-ext-1.discordapp.net/eyJ1cmwiOiJodHRwOi8vaS5waWNwYXIuY29tL2JoZGMuanBnIn0.NNnMNQcQxaplYNfVrneUSO7kZt8" align="left" height="60" width="60"></a>
  370. <a target="_blank" href="https://roleplay.chat/profile.php?user=Vivien"><img style="border-radius: 50%" src="https://i.snag.gy/Vvmqjx.jpg" align="left" height="60" width="60"></a>
  371. <a target="_blank" href="https://roleplay.chat/profile.php?user=Scarecrow"><img style="border-radius: 50%" src="https://i.snag.gy/90PWTY.jpg" align="left" height="60" width="60"></a>
  372. <a target="_blank" href="https://roleplay.chat/profile.php?user=Ryo"><img style="border-radius: 50%" src="https://i.snag.gy/WhftU5.jpg" align="left" height="60" width="60"></a>
  373. </div>
  374.  
  375. <a name="five"></a>
  376. <div style="width: 395px; height: 300px; overflow: auto;" align="">
  377. IC =/= OOC<br><br>
  378. If your a dick, expect to be blocked or trolled.<br><br>
  379. Smut can happen, doesn't automatically mean it will.<br><br>
  380. Multi-Para<br><br>
  381. PM Semi-Friendly<br><br>
  382. My character is a crazy bitch, she will kill if pushed, you will be warned once before hand.<br><br>
  383. Code is credited, edits done by me, do not steal.<br><br>
  384. Picture is not mine, must prove ownership before it will be taken down.<br><br>
  385. Always a work in progress, don't message me if you want to plot without an idea, I'm not wasting my time.<br><br>
  386. No OOC relationships, I'm not interested, I found my King.
  387. </div>
  388.  
  389. <a name="six"></a>
  390. </div>
  391. </div>
  392. </div>
  393.  
  394.  
  395. <script type="text/javascript">
  396. //<![CDATA[
  397. try{if (!window.CloudFlare) {var CloudFlare=[{verbose:0,p:0,byc:0,owlid:"cf",bag2:1,mirage2:0,oracle:0,paths:{cloudflare:"/cdn-cgi/nexp/dok3v=1613a3a185/"},atok:"0db9b6fde6fa0ca8f9c08dbfd854e0c6",petok:"d1a18d22d0074685dffc60e2e54198a1794e908a-1485858199-1800",adblock:1,betok:"a00e858a0e1cde920d07dbc1d70b58f2446d3cdf-1485858199-120",zone:"roleplay.chat",rocket:"0",apps:{"ga_key":{"ua":"UA-33787108-1","ga_bs":"2"},"abetterbrowser":{"ie":"7","opera":null,"chrome":null,"safari":null,"firefox":null}}}];!function(a,b){a=document.createElement("script"),b=document.getElementsByTagName("script")[0],a.async=!0,a.src="//ajax.cloudflare.com/cdn-cgi/nexp/dok3v=f2befc48d1/cloudflare.min.js",b.parentNode.insertBefore(a,b)}()}}catch(e){};
  398. //]]>
  399. </script>
  400. <script type="text/javascript">
  401. /* <![CDATA[ */
  402. var _gaq = _gaq || [];
  403. _gaq.push(['_setAccount', 'UA-33787108-1']);
  404. _gaq.push(['_trackPageview']);
  405.  
  406. (function() {
  407. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  408. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  409. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  410. })();
  411.  
  412. (function(b){(function(a){"__CF"in b&&"DJS"in b.__CF?b.__CF.DJS.push(a):"addEventListener"in b?b.addEventListener("load",a,!1):b.attachEvent("onload",a)})(function(){"FB"in b&&"Event"in FB&&"subscribe"in FB.Event&&(FB.Event.subscribe("edge.create",function(a){_gaq.push(["_trackSocial","facebook","like",a])}),FB.Event.subscribe("edge.remove",function(a){_gaq.push(["_trackSocial","facebook","unlike",a])}),FB.Event.subscribe("message.send",function(a){_gaq.push(["_trackSocial","facebook","send",a])}));"twttr"in b&&"events"in twttr&&"bind"in twttr.events&&twttr.events.bind("tweet",function(a){if(a){var b;if(a.target&&a.target.nodeName=="IFRAME")a:{if(a=a.target.src){a=a.split("#")[0].match(/[^?=&]+=([^&]*)?/g);b=0;for(var c;c=a[b];++b)if(c.indexOf("url")===0){b=unescape(c.split("=")[1]);break a}}b=void 0}_gaq.push(["_trackSocial","twitter","tweet",b])}})})})(window);
  413. /* ]]> */
  414. </script>
  415. </body>
  416. </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!