API tools faq
paste
Advertisement
Carneficine

Atraethea Beruthiel

Carneficine
Mar 8th, 2017
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.68 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <html>
  3. <body>
  4.  
  5. <style>
  6.  
  7. @import 'https://fonts.googleapis.com/css?family=Great+Vibes';
  8. @import 'https://fonts.googleapis.com/css?family=Eagle+Lake';
  9. @import 'https://fonts.googleapis.com/css?family=Berkshire+Swash';
  10. @import 'https://fonts.googleapis.com/css?family=Cormorant+Unicase';
  11. @import 'https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911';
  12. @import 'https://fonts.googleapis.com/css?family=Elsie+Swash+Caps';
  13.  
  14. ::-webkit-scrollbar-thumb:vertical {height: 38px; background-color: transparent;}
  15. ::-webkit-scrollbar {width: 2px;}
  16.  
  17. a:link, a:active, a:visited {text-decoration: none;
  18. color: #C9BA9B;
  19. font-family: 'Elsie Swash Caps', cursive;
  20. -webkit-transition: all 0.5s ease-in-out;
  21. -moz-transition: all 0.5s ease-in-out;
  22. -o-transition: all 0.5s ease-in-out;
  23. transition: all 0.5s ease-in-out;}
  24.  
  25. a:hover, a:focus {color: #fff;
  26. -webkit-transition: all 0.5s ease-in-out;
  27. -moz-transition: all 0.5s ease-in-out;
  28. -o-transition: all 0.5s ease-in-out;
  29. transition: all 0.5s ease-in-out;}
  30.  
  31.  
  32.  
  33. .pfor {display: none;}
  34. #profile {border: 0px; background: transparent;}
  35.  
  36. /* The Supreme @ RPC */
  37.  
  38. body, a {cursor: url(http://i.picpar.com/1eq.png), progress !important;}
  39. body{background: #140C09 url();}
  40. #whole{position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  41.  
  42. ::selection {background: none; color: transparent; text-shadow: #ffffff 0px 0px 2px, #ffffff 0px 0px 2px;}
  43. ::-moz-selection {background: none; color: transparent; text-shadow: #ffffff 0px 0px 2px, #ffffff 0px 0px 2px;}
  44.  
  45.  
  46. strong{font-family: 'Berkshire Swash', Cursive; font-size: 13px; letter-spacing: 2px; color: #8B531E;}
  47.  
  48. .underline{font-family: verdana; letter-spacing: 1px; color: #886D4A;}
  49.  
  50. .italic{color: #E2C1A3;}
  51.  
  52. .strike{font-variant: small-caps; font-family: times new roman; font-size: 14px; letter-spacing: 1px; color: #C4AF84; text-shadow: #664C42 0px 0px 1px,#4194FA 0px 0px 1px,#664C42 0px 0px 1px,#664C42 0px 0px 1px;}
  53.  
  54. .page{
  55. position: absolute;
  56. margin-left: 0px; margin-top: 25px;
  57. width: 280px; height: 400px;
  58. padding: 10px;
  59. border: 3px #2b1808 double;
  60. background: rgba(15,5,3, 0.9);
  61. -webkit-transition: 1s;
  62. -moz-transition: 1s;
  63. transition: 1s;
  64. overflow: auto;
  65. text-align: justify;
  66. text-transform: ;
  67. font-family: 'Cormorant Unicase', serif;
  68. font-size: 12px;
  69. color: #C9C9A9;
  70.  
  71. }
  72.  
  73. .page:target{margin-left: -322px;}
  74.  
  75.  
  76.  
  77. #frame{
  78. position: fixed; margin: auto;
  79. right: 0px; top: 0px; left: 324px; bottom: 0px;
  80. width: 302px; height: 472px;
  81. text-align: left;
  82. }
  83.  
  84. .header{
  85. position: absolute;
  86. width: 282px; height: 25px;
  87. padding-right: 20px;
  88. font-size: 12px;
  89. text-shadow: #000000 2px 2px 0px;
  90. font-weight: bold;
  91. line-height: 25px;
  92. text-align: center;
  93. }
  94.  
  95. .header strong{
  96. font-family: 'Great vibes', Cursive;
  97. font-size: 30px;
  98. color: #A9966E;
  99. font-weight: normal;
  100. text-shadow: #000000 -2px 2px 1px, #000000 -2px 2px 1px, #000000 -2px 2px 1px, #95571d -3px 3px 1px, #95571d -3px 3px 1px, #8F7A46 -3px 3px 1px, #8F7A46 -3px 3px 1px;
  101. }
  102.  
  103. .footer{
  104. position: absolute;
  105. margin-top: 449px;
  106. width: 302px; height: 25px;
  107. color: #A9966E;
  108. font-family: 'Cormorant Unicase', serif;
  109. font-size: 15px;
  110. text-align: center;
  111. text-shadow: #000000 2px 2px 1px, #000000 2px 2px 1px, #000000 2px 2px 1px, #95571d 3px 3px 1px, #8F7A46 3px 3px 1px, #95571d 3px 3px 1px, #8F7A46 3px 3px 1px;
  112. }
  113.  
  114. .frame{
  115. position: absolute;
  116. margin-top: 25px;
  117. width: 300px; height: 420px;
  118. border: #4E3217 3px double;
  119. }
  120.  
  121. .bottom{
  122. position: absolute;
  123. width: 300px; height: 420px;
  124. }
  125.  
  126. .top{
  127. position: absolute;
  128. width: 300px; height: 420px;
  129. background: rgba(12, 4, 5, 1);
  130. }
  131.  
  132. .info{
  133. position: absolute;
  134. margin-left: 5px; margin-top: 5px;
  135. width: 290px; height: 410px;
  136. color: #C9C9A9;
  137. font-family: 'Eagle Lake', cursive;
  138. text-align: center;
  139. font-size: 10px;
  140. line-height: 11px;
  141. opacity: 0;
  142. -webkit-transition: 1s;
  143. -moz-transition: 1s;
  144. transition: 1s;
  145. }
  146.  
  147. #frame:hover .info{
  148. opacity: 1;
  149. }
  150.  
  151. .boxBAD{
  152. float: left; margin-left: 10px; margin-top: 10px;
  153. width: 260px; height: 120px;
  154. padding: 5px;
  155. Font-family: 'Elsie Swash Caps', cursive;
  156. font-size: 12px;
  157. text-align: center;
  158. color: #8B531E;
  159. line-height: 15px;
  160. background: rgba(15,5,3, 0.9);
  161. }
  162.  
  163. .box_mid{
  164. float: left; margin-left: 10px; margin-top: 5px;
  165. width: 270px; height: 120px;
  166. }
  167.  
  168. .links{
  169. float: left;
  170. width: 70px; height: 120px;
  171. }
  172.  
  173. .title{
  174. float: left;
  175. width: 70px; height: 20px;
  176. text-align: center;
  177. line-height: 20px;
  178. font-family: 'Great Vibes', cursive;
  179. color: #000000;
  180. font-size: 16px;
  181. letter-spacing: 2px;
  182. font-weight: bold;
  183. text-shadow: #ABAA8B -1px -1px 0px, #ABAA8B 1px 1px 0px, #ABAA8B -1px 1px 0px, #ABAA8B 1px -1px 0px;
  184. }
  185.  
  186. .link{
  187. float: left;
  188. width: 70px; height: 100px;
  189. background: rgba(15,5,3, 0.9);
  190. text-align: center;
  191. }
  192.  
  193. .link a{
  194. display: block;
  195. margin-left: 5px; margin-top: 4px;
  196. width: 60px; height: 15px;
  197. text-decoration: none;
  198. color: #C9C9A9;
  199. line-height: 15px;
  200. font-family: 'Goudy Bookletter 1911', sans-serif;
  201. font-size: 12px;
  202. }
  203.  
  204. .link a:hover{
  205. letter-spacing: 1px;
  206. background: rgba(24,20,11, 0.9);
  207. }
  208.  
  209. .mid_img{
  210. float: left;
  211. margin-left: 5px; margin-right: 5px;
  212. width: 110px; height: 110px;
  213. padding: 5px;}
  214.  
  215. .box_mid img{
  216. float: left;
  217. width: 50px; height: 50px;
  218. border: 1px solid #C9C9A9;
  219. background: #;
  220. }
  221.  
  222. .box_bot{
  223. float: left; margin-left: 10px; margin-top: 5px;
  224. width: 260px; height: 120px;
  225. padding: 5px;
  226. background: rgba(15,5,3, 0.9);
  227. }
  228.  
  229. </style>
  230.  
  231. <div id="whole" oncontextmenu="return false;">
  232.  
  233. <div id="frame">
  234.  
  235. <div class="page" id="first">
  236. <strong>The Knight</strong><br>
  237. <br><strong><u>Personality</u></strong>
  238. <br><i>Studious, Dispassionate, Rational, Distant, Patient, Dignified, Unforgiving</i>
  239. <br>
  240. <p>
  241. <strong><u>Appearance</u></strong>
  242. <p><b>bold</b> regular
  243. </div>
  244.  
  245.  
  246. <div class="page" id="second">
  247. <strong>The Arsenal</strong><br>
  248. <b>bold</b> regular
  249.  
  250. </div>
  251.  
  252.  
  253. <div class="page" id="third">
  254. <strong>The Respected</strong><br>
  255. <b>bold</b> regular
  256.  
  257.  
  258.  
  259.  
  260. </div>
  261.  
  262.  
  263. <div class="page" id="fourth">
  264. <strong>Rules of Engagement</strong><br>
  265. <li>I am <b>always</b> in character unless using brackets or speaking in PM
  266. <li> Fantasy RP - Atraethea is a knight and will be played as one.</li>
  267. <li> <b>ooc ≠ ic</b> - I am not my character and they are not me. Don't go taking my IC actions for OOC or you will be ignored.</li>
  268. <li> <b>smut</b> is earned through long-term storyline.</li>
  269. <li> I prefer <b>long-term</b> roleplay to short term, though if I am up for short-term I shall let you know.</li>
  270. <li> I am a <b>forum writer</b> and while I am capable of semi-para will, more often than not, partake in para to novella.</li>
  271. <li><b>I will not</b> be dumbing down my character to suit your needs. She is to be played as I created her to be and will not be changed upon your request. </li>
  272. <li> I am perfectly fine with conversating in PM. If you are interested in just talking or discussing a story, feel free to approach me. </li>
  273. <li><b>Do not</b> enter my PM with a starter or without a profile. I will ignore it. </li>
  274. </div>
  275.  
  276.  
  277. <div class="header"><strong>Atraethea Beruthiel</strong></div>
  278.  
  279.  
  280. <div class="frame"><img class="top" src="http://i.imgur.com/vuQtWso.jpg">
  281.  
  282.  
  283. <div class="info">
  284.  
  285. <div class="boxBAD"><br>Quote here<br><br>
  286. </div>
  287.  
  288.  
  289. <div class="box_mid">
  290.  
  291. <div class="links">
  292. <div class="link">
  293. <a href="#first">i</a>
  294. <a href="#second">ii</a>
  295. <a href="#third">iii</a>
  296. <a href="#fourth">iv</a>
  297. <a href="#">Reset</a>
  298. </div>
  299.  
  300. <div class="title">Navi</div>
  301. </div>
  302.  
  303. <div class="mid_img">
  304. <a target="_blank" href="xxx" target="_blank"><img src="xxx"></a>
  305. <a target="_blank" href="xxx" target="_blank"><img src="xxx" style="margin-left: 5px;"></a>
  306. <a target="_blank" href="xxx" target="_blank"><img src="xxx" style="margin-top: 5px;"></a>
  307. <a target="_blank" href="xxx" target="_blank"><img src="xxx" style="margin-left: 5px; margin-top: 5px;"></a>
  308. </div>
  309.  
  310. <div class="links">
  311. <div class="title">Themes</div>
  312. <div class="link" id="right_links">
  313. <a target="_blank" href="linkhere" target="_blank">♕</a>
  314. <a target="_blank" href="linkhere" target="_blank">Long</a>
  315. <a target="_blank" href="linkhere" target="_blank">Live</a>
  316. <a target="_blank" href="linkhere" target="_blank">The</a>
  317. <a target="_blank" href="linkhere" target="_blank">King</a>
  318. </div>
  319. </div>
  320. </div>
  321.  
  322.  
  323.  
  324. <div class="box_bot"> <strong><span style="float:left;">Name</span></strong> <span style="float:right;">Atraethea Beruthiel</span><br>
  325. <strong><span style="float:left;">Alias</span></strong> <span style="float: right;">Atreyu</span><br>
  326. <strong><span style="float:left;">Title</span></strong> <span style="float:right;"> -- </span><br>
  327. <strong><span style="float:left;">Age</span></strong> <span style="float: right;">Late 20's</span><br>
  328. <strong><span style="float:left;">Birth Month</span></strong> <span style="float:right;">January</span><br>
  329. <strong><span style="float:left;">Gender</span></strong> <span style="float: right;">Female</span> <br>
  330. <strong><span style="float:left;">Nationality</span></strong> <span style="float:right;">Romani, Russian, French</span><br>
  331. <strong><span style="float:left;">Build</span></strong> <span style="float: right;">Tall and femininely muscular. </span><br>
  332. <strong><span style="float:left;">Kingdom</span></strong> <span style="float: right;">Carthage (previously)</span><br>
  333. <strong><span style="float:left;">Pawn</span></strong> <span style="float:right;">Knight</span><br>
  334. <strong><span style="float:left;">Location</span></strong> <span style="float: right;">Wandering.</span><br>
  335. <br><br></div>
  336. </div>
  337. </div>
  338.  
  339. <div class="footer">"You may be the King, but watch the Queen conquer."</div>
  340. </div>
  341. </div>
  342.  
  343. <script type="text/javascript">
  344. //<![CDATA[
  345. 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:"a55cad5a14d8dee1b162fafeb6093ce6",petok:"1e927805613ac4e9f0be2e229768e53598596306-1488957370-1800",adblock:1,betok:"0b0db807e5db03ce3d1155e1a89a67a577454e4c-1488957370-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){};
  346. //]]>
  347. </script>
  348. <script type="text/javascript">
  349. /* <![CDATA[ */
  350. var _gaq = _gaq || [];
  351. _gaq.push(['_setAccount', 'UA-33787108-1']);
  352. _gaq.push(['_trackPageview']);
  353.  
  354. (function() {
  355. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  356. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  357. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  358. })();
  359.  
  360. (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);
  361. /* ]]> */
  362. </script>
  363. </body>
  364. </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!