API tools faq
paste
Advertisement
cat_inthe_cradle

Edward Elric

cat_inthe_cradle
May 5th, 2017
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.81 KB | None | 0 0
raw download clone embed print report
  1. <style type="text/css">
  2.  
  3. /* ------------------------------ DECORATION ------------------------------ */
  4.  
  5. body {
  6. color:#808080;
  7. background:#f9f9f9;
  8. font-family: Estrangelo Edessa;
  9. font-size:11px;
  10. text-align:justify;}
  11.  
  12. /*-------------------------- CREDIT; DON'T REMOVE --------------------------*/
  13.  
  14. #credit {
  15. z-index:99999;
  16. position:fixed;
  17. bottom:10px;
  18. left:10px;
  19.  
  20. width:20px; height:20px;
  21. font-size:20px;
  22. letter-spacing:1px;
  23. font-weight:bold;}
  24. #credit a {
  25. color:#747474;
  26. text-shadow: 0 0 3px #b5b5b5;
  27. -webkit-transition: all 0.3s linear;
  28. -moz-transition: all 0.3s linear;
  29. transition: all 0.3s linear;}
  30. #credit a:hover {
  31. color:#111111;
  32. text-shadow: 0 0 3px #5d5d5d;}
  33.  
  34. /* ----------------------------- MINOR STUFF ------------------------------ */
  35.  
  36. /* hover text */
  37. #s-m-t-tooltip {
  38. color: #c6c6c6;
  39. text-shadow: 0 0 0 #c6c6c6;
  40. line-height:10px;
  41. max-width:400px;
  42. text-align: center;
  43. padding: 2px 4px 4px 4px;
  44. background:#111111;
  45. text-transform:uppercase;
  46. font-family:Calibri;
  47. letter-spacing:1px;
  48. font-size:8px;
  49. border-radius: 2px;
  50. box-shadow:0 0 3px rgba(0,0,0,.5);
  51. display: block;
  52. margin-left: 15px;
  53. z-index: 99999;}
  54.  
  55. /* scrollbar */
  56. ::-webkit-scrollbar {
  57. height: 10px;
  58. width: 10px;
  59. background: #f9f9f9;}
  60. ::-webkit-scrollbar-thumb {
  61. background: #9a9a9a;
  62. border:3px solid #f9f9f9;
  63. border-radius: 5px;}
  64.  
  65. /* drag n' click selection */
  66. ::selection {
  67. background: rgba(0,0,0,0.25);
  68. color: #666666;}
  69. ::-moz-selection {
  70. background: rgba(0,0,0,0.25);
  71. color: #666666;}
  72. a::selection {
  73. background: rgba(0,0,0,0.25);
  74. color: #8a1d25;
  75. text-shadow: #8a1d25;}
  76. a::-moz-selection {
  77. background: rgba(0,0,0,0.25);
  78. color: #8a1d25;
  79. text-shadow: #8a1d25;}
  80.  
  81. /* ------------------------- FONT STUFF --------------------------- */
  82.  
  83. /* links */
  84. a:link, a:active, a:visited{
  85. color: #b83535;
  86. font-weight:normal;
  87. letter-spacing:.5px;
  88. text-decoration:none;
  89. text-shadow:0px 0px 2px rgba(0,0,0,0.5);
  90. -webkit-transition: all 0.4s linear;
  91. -moz-transition: all 0.4s linear;
  92. transition: all 0.4s linear;}
  93. a:hover {
  94. color: #f9f9f9;
  95. text-shadow:0px 0px 5px rgba(0,0,0,1);}
  96.  
  97. /* main font decorations */
  98. b, strong{color: #999999;}
  99. i, em {color: #999999;}
  100. pre {color: #808080;
  101. background: rgba(0,0,0,0.25);
  102. font-size: 10px;
  103. max-width: 100%;
  104. margin-left: -6px;
  105. font-family: consolas;
  106. word-break: break-all;
  107. padding: 1px 6px 2px 6px;
  108. white-space: pre-wrap;
  109. white-space: -moz-pre-wrap;
  110. white-space: -pre-wrap;
  111. white-space: -o-pre-wrap;
  112. word-wrap: break-word;}
  113. /* other font decorations */
  114. sub{font-size:auto;}
  115. sup{font-size:auto;}
  116. small{font-size:auto;}
  117. big{font-size:auto;}
  118.  
  119. h1 {color:#bbbbbb;
  120. font-size:17px;
  121. font-weight:bold;
  122. font-style: italic;
  123. font-family:Georgia;}
  124. h2 {font-family:Georgia;
  125. font-weight:normal;
  126. font-style:italic;
  127. font-size:15px;}
  128. p { margin-top:6px; margin-bottom:6px}
  129.  
  130. /* ---------------------------- LEFT SIDEBAR ---------------------------- */
  131.  
  132. #truthbg {
  133. position:fixed;
  134. top:280px; left:64%;
  135. width:350px;
  136. height:350px;
  137. z-index:-99999999;}
  138.  
  139. #truthquote {
  140. position:fixed;
  141. top:50px; left:780px;
  142. margin-bottom:350px;
  143. margin-left:110px;
  144. width:125px;
  145. z-index:-999;
  146. line-height:25px;
  147. text-transform:uppercase;
  148. font-family:Calibri;
  149. font-size:8px;
  150. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  151. color:#111111;
  152. letter-spacing:.5px;}
  153. #truthquote b {
  154. font-weight:bold;
  155. letter-spacing:3px;
  156. color:#111111;
  157. text-shadow:0 0 0 #111111, 0px 0px 1px rgba(0,0,0,0.5);}
  158.  
  159. /* --------------------------- RIGHT SIDEBAR ---------------------------- */
  160.  
  161. /* ed's door of truth */
  162. #sidelinkscontainer {
  163. position:fixed;
  164. top:-5px;
  165. right:0px;
  166. width:400px;
  167. height:650px;
  168. background-image:url(https://31.media.tumblr.com/5aef0259b94fc09f193b2e5f78a34ef0/tumblr_inline_nh6qlvIPoh1rg1lxe.png);}
  169.  
  170. /* sidebar-top icon */
  171. #righticon {
  172. position:fixed;
  173. top:45px;
  174. right:175px;
  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. #righticon 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. #righticon img:hover {
  188. -webkit-filter: contrast(100%) grayscale(0%);}
  189.  
  190.  
  191.  
  192.  
  193.  
  194. #righticon1 {
  195. position:fixed;
  196. top:395px;
  197. right:165px;
  198. width:54px;
  199. height:54px;
  200. border-radius:27px;
  201. overflow:hidden;
  202. box-shadow:0 0 10px #757575, 0 0 1px #000000, 0 0 1px #000000;}
  203. #righticon1 img {
  204. max-height:54px;
  205. max-width:54px;
  206. -webkit-filter: contrast(80%) grayscale(60%);
  207. -webkit-transition: all 0.5s linear;
  208. -moz-transition: all 0.5s linear;
  209. transition: all 0.5s linear;}
  210. #righticon1 img:hover {
  211. -webkit-filter: contrast(100%) grayscale(0%);}
  212.  
  213.  
  214.  
  215.  
  216.  
  217. /* circle links */
  218. #sidelinkscontainer a {
  219. position:fixed;
  220. display:block;
  221. overflow:hidden;
  222. width:50px; height:50px;
  223. overflow:hidden;
  224. text-align:center;
  225. font-size:20px;
  226. color:#747474;
  227. text-shadow:0 0 3px #b5b5b5;
  228. background:rgba(242,242,242,0.5);
  229. border: 1px solid #cdcdcd;
  230. border-radius:25px;
  231. box-shadow:0 0 25px rgba(0,0,0,0.1);
  232. -webkit-transition: all 0.5s linear;
  233. -moz-transition: all 0.5s linear;
  234. transition: all 0.5s linear;}
  235. #sidelinkscontainer a:hover {
  236. color:#111111;
  237. text-shadow:0 0 3px #5d5d5d;
  238. background: rgba(242,242,242,0.66);
  239. border: 1px solid #a5a5a5;
  240. box-shadow:0 0 20px rgba(0,0,0,0.43);}
  241.  
  242. #sidelinkscontainer l {
  243. position: relative;
  244. top: 50%;
  245. -webkit-transform: translateY(-50%);
  246. -ms-transform: translateY(-50%);
  247. transform: translateY(-50%);}
  248.  
  249. /* EACH LINKS' POSITION */
  250. #link1 {top:127px; right:263px;}
  251. #link2 {top:188px; right:230px;}
  252. #link3 {top:257px; right:259px;}
  253. #link4 {top:315px; right:227px;}
  254. #link5 {top:159px; right:88px;}
  255. #link6 {top:225px; right:119px;}
  256. #link7 {top:289px; right:84px;}
  257. #link8 {top:350px; right:114px;}
  258.  
  259. #pagination a {
  260. font-size:15px;
  261. color:#747474;
  262. text-shadow:0 0 3px #b5b5b5;}
  263. #pagination a:hover {
  264. color:#111111;
  265. text-shadow:0 0 3px #5d5d5d;}
  266. #next {
  267. position:fixed;
  268. top:413px;
  269. right:175px;}
  270. #previous {
  271. position:fixed;
  272. top:413px;
  273. right:202px;}
  274.  
  275. /* description window */
  276. #desc-container {
  277. width:200px;
  278. height: 137px;
  279. position:fixed;
  280. text-transform:uppercase;
  281. font-family:Calibri;
  282. font-size:8px;
  283. background-color: rgba(249,249,249,0.8);
  284. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  285. box-shadow:0 0 15px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.5);
  286. top:460px;
  287. right:90px;
  288. padding:10px 5px 10px 10px;
  289. border-radius:7px;}
  290. #desc-title {
  291. font-weight:bold;
  292. letter-spacing:1px;
  293. padding-right:5px;
  294. margin-bottom:7px;
  295. color:#111111;}
  296. #description {
  297. color:#111111;
  298. max-height:100px;
  299. letter-spacing:.5px;
  300. padding-right:4px;
  301. overflow:auto;}
  302. #description a {
  303. font-weight:bold;
  304. color:#b83535;
  305. text-shadow:0 0 1px #b83535;}
  306. #description a:hover {
  307. color:#8a1d25;
  308. text-shadow:0 0 1px #8a1d25;}
  309. #description b {
  310. color:#111111;}
  311. #description i {
  312. color:#111111;}
  313. #desc-container ::-webkit-scrollbar {
  314. height: 3px;
  315. width: 3px;
  316. background: transparent;}
  317. #desc-container ::-webkit-scrollbar-thumb {
  318. background: rgba(0,0,0,0.25);
  319. border: none;
  320. border-radius: 2px;}
  321.  
  322.  
  323. </style>
  324. <body>
  325.  
  326.  
  327. <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;}
  328. </style>
  329.  
  330. <img src="http://static.tumblr.com/u5vz4xb/C4Kn6ao9p/00delete.png" style="position:fixed; width:100%; height:100%; opacity:0; z-index: -10;">
  331.  
  332.  
  333. <div id="truthbg"><img src="https://31.media.tumblr.com/ea59b9851a6295bfaab4714c6d4033d3/tumblr_inline_nh6qm1txOk1rg1lxe.png" width="170"></div>
  334.  
  335. <div id="truthquote">
  336. <div style="margin-bottom:10px;"><center><b>Who am I?</b></center></div>
  337. <div style="text-align: right;">I'm the<b> world</b></div>
  338. <center>I'm the<b> universe</b></center>
  339. <div style="text-align: left;">I am<b> God</b></div>
  340. <center>I am<b> Truth</b></center>
  341. <div style="text-align: right;">I am<b> one</b></div>
  342. <div style="text-align: right; padding-right:13px">And I am <b>all</b></div>
  343. <center><b>I</b> am also<b> you</b>.</center>
  344. </div>
  345.  
  346. <!----------------------------- RIGHT SIDEBAR ------------------------------>
  347.  
  348. <div id="sidelinkscontainer">
  349. <div id="righticon">
  350. <img src="http://i.picpar.com/kXtc.png">
  351.  
  352. </div>
  353.  
  354. <div id="righticon1">
  355. <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQt-iwhIxjec5pzrZXPYgCLFngXP0qFjIk2c_LjNmfWmIC4whywQg">
  356.  
  357. </div>
  358. <a href="https://roleplay.chat/profile.php?user=maraleen" title="Maraleen Mustang" id="link1"><img src="http://i.picpar.com/mXtc.jpeg">
  359.  
  360. <l class="fa fa-home"></l></a>
  361. <a href="/faq" title="ask" id="link2">
  362. <l class="fa fa-envelope"></l></a>
  363. <a href="/archive" title="archive" id="link3">
  364. <l class="fa fa-clock-o"></l></a>
  365. <a href="/submit" title="Submit" id="link4">
  366. <l class="fa fa-upload"></l></a>
  367. <a href="/about" title="About" id="link5">
  368. <l class="fa fa-user"></l></a>
  369. <a href="/tags" title="Tags" id="link6">
  370. <l class="fa fa-tags"></l></a>
  371. <a href="/" title="Other" id="link7">
  372. <l class="fa fa-heart"></l></a>
  373. <a href="/" title="Other" id="link8">
  374. <l class="fa fa-bicycle"></l></a>
  375. </div>
  376.  
  377.  
  378.  
  379. <div id="desc-container">
  380. <div id="desc-title"><center>EDWARD ELRIC; FULLMETAL ALCHEMIST</center><br />
  381.  
  382. HETEROSEXUAL | UNINTERESTED | SINGULAR
  383.  
  384. </div>
  385. <div id="description"> <strike>hot headed midget. <i>~ Mara was here. ;)</i></strike>
  386. Though Edward professes that he does not believe in gods, his spiritual sensibilities tend more toward the agnostic than the atheistic; in private, though he does not pray, he frequently acknowledges the existence of a God in his speech, whom he often blamed for difficulty of his life.
  387. <br /><br />
  388.  
  389. <b>STATE ALCHEMIST | AMESTRIS <strike>Resembool</strike> | Alive</b>
  390.  
  391. </div>
  392. </div>
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!