Advertisement
cat_inthe_cradle

Maraleen Mustang (NEW)

May 6th, 2017
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.98 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3.  
  4. body {
  5. color:#808080;
  6. background:#e3e2dd;
  7. font-family: Estrangelo Edessa;
  8. font-size:11px;
  9. text-align:justify;}
  10.  
  11.  
  12.  
  13. /* hover text */
  14. #s-m-t-tooltip {
  15. color: #c6c6c6;
  16. text-shadow: 0 0 0 #c6c6c6;
  17. line-height:10px;
  18. max-width:400px;
  19. text-align: center;
  20. padding: 2px 4px 4px 4px;
  21. background:#111111;
  22. text-transform:uppercase;
  23. font-family:Calibri;
  24. letter-spacing:1px;
  25. font-size:8px;
  26. border-radius: 2px;
  27. box-shadow:0 0 3px rgba(0,0,0,.5);
  28. display: block;
  29. margin-left: 15px;
  30. z-index: 99999;}
  31.  
  32. /* scrollbar */
  33. ::-webkit-scrollbar {
  34. height: 10px;
  35. width: 10px;
  36. background: #f9f9f9;}
  37. ::-webkit-scrollbar-thumb {
  38. background: #9a9a9a;
  39. border:3px solid #f9f9f9;
  40. border-radius: 5px;}
  41.  
  42. /* drag n' click selection */
  43. ::selection {
  44. background: rgba(0,0,0,0.25);
  45. color: #666666;}
  46. ::-moz-selection {
  47. background: rgba(0,0,0,0.25);
  48. color: #666666;}
  49. a::selection {
  50. background: rgba(0,0,0,0.25);
  51. color: #8a1d25;
  52. text-shadow: #8a1d25;}
  53. a::-moz-selection {
  54. background: rgba(0,0,0,0.25);
  55. color: #8a1d25;
  56. text-shadow: #8a1d25;}
  57.  
  58. /* ------------------------- FONT STUFF --------------------------- */
  59.  
  60. /* links */
  61. a:link, a:active, a:visited{
  62. color: #b83535;
  63. font-weight:normal;
  64. letter-spacing:.5px;
  65. text-decoration:none;
  66. text-shadow:0px 0px 2px rgba(0,0,0,0.5);
  67. -webkit-transition: all 0.4s linear;
  68. -moz-transition: all 0.4s linear;
  69. transition: all 0.4s linear;}
  70. a:hover {
  71. color: #f9f9f9;
  72. text-shadow:0px 0px 5px rgba(0,0,0,1);}
  73.  
  74. /* main font decorations */
  75. b, strong{color: #999999;}
  76. i, em {color: #999999;}
  77. pre {color: #808080;
  78. background: rgba(0,0,0,0.25);
  79. font-size: 10px;
  80. max-width: 100%;
  81. margin-left: -6px;
  82. font-family: consolas;
  83. word-break: break-all;
  84. padding: 1px 6px 2px 6px;
  85. white-space: pre-wrap;
  86. white-space: -moz-pre-wrap;
  87. white-space: -pre-wrap;
  88. white-space: -o-pre-wrap;
  89. word-wrap: break-word;}
  90. /* other font decorations */
  91. sub{font-size:auto;}
  92. sup{font-size:auto;}
  93. small{font-size:auto;}
  94. big{font-size:auto;}
  95.  
  96. h1 {color:#bbbbbb;
  97. font-size:17px;
  98. font-weight:bold;
  99. font-style: italic;
  100. font-family:Georgia;}
  101. h2 {font-family:Georgia;
  102. font-weight:normal;
  103. font-style:italic;
  104. font-size:15px;}
  105. p { margin-top:6px; margin-bottom:6px}
  106.  
  107. /* ---------------------------- LEFT SIDEBAR ---------------------------- */
  108.  
  109. #truthbg {
  110. position:fixed;
  111. top:280px; left:64%;
  112. width:350px;
  113. height:350px;
  114. z-index:-99999999;}
  115.  
  116. #truthquote {
  117. position:fixed;
  118. top:50px; left:780px;
  119. margin-bottom:350px;
  120. margin-left:110px;
  121. width:125px;
  122. z-index:-999;
  123. line-height:25px;
  124. text-transform:uppercase;
  125. font-family:Calibri;
  126. font-size:8px;
  127. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  128. color:#111111;
  129. letter-spacing:.5px;}
  130. #truthquote b {
  131. font-weight:bold;
  132. letter-spacing:3px;
  133. color:#111111;
  134. text-shadow:0 0 0 #111111, 0px 0px 1px rgba(0,0,0,0.5);}
  135.  
  136. /* --------------------------- RIGHT SIDEBAR ---------------------------- */
  137.  
  138. /* ed's door of truth */
  139. #sidelinkscontainer {
  140. position:fixed;
  141. top:50px;
  142. left:450px;
  143. width:440px;
  144. height:580px;
  145. background-image:url( );}
  146.  
  147. /* sidebar-top icon */
  148. #righticon {
  149. position:fixed;
  150. top:95px;
  151. left:735px;
  152. width:54px;
  153. height:54px;
  154. border-radius:27px;
  155. overflow:hidden;
  156. box-shadow:0 0 10px #757575, 0 0 1px #000000, 0 0 1px #000000;}
  157. #righticon img {
  158. max-height:54px;
  159. max-width:54px;
  160. -webkit-filter: contrast(80%) grayscale(60%);
  161. -webkit-transition: all 0.5s linear;
  162. -moz-transition: all 0.5s linear;
  163. transition: all 0.5s linear;}
  164. #righticon img:hover {
  165. -webkit-filter: contrast(100%) grayscale(0%);}
  166.  
  167.  
  168.  
  169.  
  170.  
  171. #righticon1 {
  172. position:fixed;
  173. top:555px;
  174. left:800px;
  175. width:54px;
  176. height:54px;
  177. border-radius:27px;
  178. overflow:hidden;
  179. box-shadow:0 0 10px #757575, 0 0 1px #000000, 0 0 1px #000000;}
  180. #righticon1 img {
  181. max-height:54px;
  182. max-width:54px;
  183. -webkit-filter: contrast(80%) grayscale(60%);
  184. -webkit-transition: all 0.5s linear;
  185. -moz-transition: all 0.5s linear;
  186. transition: all 0.5s linear;}
  187. #righticon1 img:hover {
  188. -webkit-filter: contrast(100%) grayscale(0%);}
  189.  
  190.  
  191.  
  192.  
  193.  
  194. /* circle links */
  195. #sidelinkscontainer a {
  196. position:fixed;
  197. display:block;
  198. overflow:hidden;
  199. width:50px; height:50px;
  200. overflow:hidden;
  201. text-align:center;
  202. font-size:20px;
  203. color:#747474;
  204. text-shadow:0 0 3px #b5b5b5;
  205. background:rgba(242,242,242,0.5);
  206. border: 1px solid #cdcdcd;
  207. border-radius:25px;
  208. box-shadow:0 0 25px rgba(0,0,0,0.1);
  209. -webkit-transition: all 0.5s linear;
  210. -moz-transition: all 0.5s linear;
  211. transition: all 0.5s linear;}
  212. #sidelinkscontainer a:hover {
  213. color:#111111;
  214. text-shadow:0 0 3px #5d5d5d;
  215. background: rgba(242,242,242,0.66);
  216. border: 1px solid #a5a5a5;
  217. box-shadow:0 0 20px rgba(0,0,0,0.43);}
  218.  
  219. #sidelinkscontainer l {
  220. position: relative;
  221. top: 50%;
  222. -webkit-transform: translateY(-50%);
  223. -ms-transform: translateY(-50%);
  224. transform: translateY(-50%);}
  225.  
  226. /* EACH LINKS' POSITION */
  227. #link1 {top:107px; left:480px;}
  228. #link2 {top:145px; left:825px;}
  229. #link3 {top:247px;left:440px;}
  230. #link4 {top:415px; left:480px;}
  231. #link5 {top:230px; left:852px;}
  232. #link6 {top:510px; left:445px;}
  233. #link7 {top:548px; left:507px;}
  234. #link8 {top:410px; left:832px;}
  235.  
  236. #pagination a {
  237. font-size:15px;
  238. color:#747474;
  239. text-shadow:0 0 3px #b5b5b5;}
  240. #pagination a:hover {
  241. color:#111111;
  242. text-shadow:0 0 3px #5d5d5d;}
  243. #next {
  244. position:fixed;
  245. top:413px;
  246. right:175px;}
  247. #previous {
  248. position:fixed;
  249. top:413px;
  250. right:202px;}
  251.  
  252. /* description window */
  253. #desc-container {
  254. width:200px;
  255. height: 137px;
  256. position:fixed;
  257. text-transform:uppercase;
  258. font-family:Calibri;
  259. font-size:8px;
  260. background-color: rgba(249,249,249,0.8);
  261. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  262. box-shadow:0 0 15px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.5);
  263. top:350px;
  264. left:560px;
  265. padding:10px 5px 10px 10px;
  266. border-radius:7px;}
  267. #desc-title {
  268. font-weight:bold;
  269. letter-spacing:1px;
  270. padding-right:5px;
  271. margin-bottom:7px;
  272. color:#111111;}
  273. #description {
  274. color:#111111;
  275. max-height:100px;
  276. letter-spacing:.5px;
  277. padding-right:4px;
  278. overflow:auto;}
  279. #description a {
  280. font-weight:bold;
  281. color:#b83535;
  282. text-shadow:0 0 1px #b83535;}
  283. #description a:hover {
  284. color:#8a1d25;
  285. text-shadow:0 0 1px #8a1d25;}
  286. #description b {
  287. color:#111111;}
  288. #description i {
  289. color:#111111;}
  290. #desc-container ::-webkit-scrollbar {
  291. height: 3px;
  292. width: 3px;
  293. background: transparent;}
  294. #desc-container ::-webkit-scrollbar-thumb {
  295. background: rgba(0,0,0,0.25);
  296. border: none;
  297. border-radius: 2px;}
  298.  
  299.  
  300. </style>
  301. <body>
  302.  
  303.  
  304. <style type="text/css"> body {cursor: url(https://31.media.tumblr.com/7daf008ec17aa954d5336741abd76883/tumblr_inline_n8inwwjOwT1rg1lxe.png), auto;} a, a:hover{cursor:url(https://31.media.tumblr.com/c6b78d9149f635aa7860d4c48b2e4f7a/tumblr_inline_naqwjx3Z8p1rg1lxe.png), auto;}
  305. </style>
  306.  
  307.  
  308.  
  309.  
  310. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: px; height: px; background-image: url(''); position: absolute; top:80px; left: 450px; overflow: auto; text-align: left; border: 0px solid;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><img src="http://i.picpar.com/OZtc.png" alt="" width="" height=" " /> </span></div>
  311.  
  312. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; opacity: 1; width: px; height: px; background-image: url(''); position: absolute; top:105px; left: 555px; overflow: auto; text-align: left; border: 0px solid;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"><img src="http://i.picpar.com/MZtc.png" alt="" width="" height=" " /> </span></div>
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321. <img src="" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
  322.  
  323.  
  324. <!----------------------------- RIGHT SIDEBAR ------------------------------>
  325.  
  326. <div id="sidelinkscontainer">
  327. <div id="righticon">
  328. <a href="https://roleplay.chat/profile.php?user=" title="Edward Elric" id=" "> <img src="http://i.picpar.com/kXtc.png"> </a>
  329.  
  330. </div>
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338. <div id="righticon1">
  339. <a href="https://roleplay.chat/profile.php?user=" title="" id=" "> <img src=""></a>
  340.  
  341. </div>
  342. <a href="https://roleplay.chat/profile.php?user=" title="" id="link1"><img src="">
  343. <l class="fa fa-home"></l></a>
  344.  
  345.  
  346. <a href="/faq" title="ask" id="link2">
  347. <l class="fa fa-envelope"></l></a>
  348.  
  349.  
  350. <a href="/archive" title=" " id="link3">
  351. <l class="fa fa-clock-o"></l></a>
  352.  
  353.  
  354. <a href="/submit" title="Submit" id="link4">
  355. <l class="fa fa-upload"></l></a>
  356.  
  357.  
  358. <a href="/about" title="About" id="link5">
  359. <l class="fa fa-user"></l></a>
  360.  
  361.  
  362. <a href="/tags" title="Tags" id="link6">
  363. <l class="fa fa-tags"></l></a>
  364.  
  365.  
  366. <a href="/" title="Other" id="link7">
  367. <l class="fa fa-heart"></l></a>
  368.  
  369.  
  370. <a href="/" title="Other" id="link8">
  371. <l class="fa fa-bicycle"></l></a>
  372. </div>
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380. <div id="desc-container">
  381. <div id="desc-title"><center>MARALEEN MUSTANG ; Macabre Alchemist</center><br />
  382.  
  383. HOMUNCULUS | STATE ALCHEMIST | SINGLE
  384.  
  385. </div>
  386. <div id="description">
  387. Those cold red optics would stare down at her own matching, hands lifted up to grasp at the ones closed tightly around her neck. So this was it? This was how she was going to die? At the age of sixteen by the hands of her own mother. How bittersweet. She always knew the woman would snap, just not this soon. She struggled the best she could manage but it seemed that no matter what she did, she just couldn't shake her off. It was becoming harder and harder to breath with each passing moment; her teeth clenching and her body wiggling around as much as possible. With one hand slipping free of her neck, the grip automatically loosening, she was able to take in a breath only for it to be short lived as a knife was raised and shoved into her chest. Eyes widened, blood trickling from the corners of her mouth; her already pale skin becoming even more so as she suddenly became lifeless.
  388. <P>
  389. She'd done it. She'd murdered her own child in a fit of rage that, at the beginning, had nothing to do with her. The dolt of a woman was angry with just her life in general. Finding her dear daughter one of the main sources for such. Thinking back she realized that a lot of her own choices led up to her depression. Not taking life as seriously as she should. Being irresponsible and sleeping with a soldier one drunken night and becoming pregnant with Mara. Deciding to get the hell out of that city and never bother to tell him. Realization set in and she would drop the bloodied knife, gasping and covering her mouth. What had she done? What could she do? She was going mad now, trying to think of a way to fix this. This had to have been some horrible dream, right? In the end, with the worst thought coming to mind, she herself would lose her life that night to a forbidden act in the Alchemy world. Human transmutation. Her body was taken as the price, in return for the life of her daughter. Of course, what sort of life could one live as a Homunuclus?
  390. <P>
  391. Maraleen Mustang Maraleen Hoenn, age seventeen, State Alchemist; Macabre Alchemist. Dog of the Military. The truth? Only Pride Fuhrer Bradley is aware and the reason for her enlistment.
  392. <P>
  393. [To be continued...]
  394. <br /><br />
  395.  
  396. <b>CHAOTIC GOOD | FULLMETAL ♥ |AMESTRIS | ALIVE</b>
  397.  
  398. </div>
  399. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement