Advertisement
cat_inthe_cradle

Red King

Jun 22nd, 2017
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.87 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. body {
  4. background:url(http://i.picpar.com/pOuc.png) #000000 fixed;
  5. background-size:repeat;
  6. margin:0px;
  7. color:#bad8eb;
  8. font-family:Sans;
  9. font-size:13px;
  10. line-height:130%;
  11. }
  12.  
  13. b, strong {
  14. color:#a90000;
  15. }
  16.  
  17. i, em {
  18. color:#75b1d6;
  19. }
  20.  
  21. a {
  22. text-decoration:none;
  23. outline:none;
  24. -moz-outline-style:none;
  25. color:#367987;
  26. transition:.3s color ease-in-out, .3s text-shadow ease-in-out;
  27. }
  28.  
  29. a:hover {
  30. color:#529ECC;
  31.  
  32. text-shadow:0 0 2px #529ECC;
  33.  
  34. }
  35.  
  36. img {
  37. border:none;
  38. border-radius:5px;
  39. max-height:100%;
  40. max-width:100%;
  41. }
  42.  
  43. blockquote {
  44. padding-left:7px;
  45. margin-left:7px;
  46. border-left:2px solid #9cdfed;
  47. margin-right:0px;
  48. }
  49.  
  50. blockquote blockquote {
  51. padding-left:7px;
  52. margin-left:7px;
  53. border-left:2px solid #9cdfed;
  54. margin-right:0px;
  55. }
  56.  
  57. h1 {
  58. font-size:15px;
  59. }
  60.  
  61. ::selection {
  62. background: #ffa053;
  63. color: #fff;
  64. }
  65. ::-moz-selection {
  66. background: #ffa053;
  67. color: #fff;
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. width: 10px;
  72. }
  73.  
  74. ::-webkit-scrollbar:horizontal {
  75. height: 10px;
  76. }
  77.  
  78. /* Track */
  79. ::-webkit-scrollbar-track {
  80. background: #000000;
  81. }
  82.  
  83. /* Handle */
  84. ::-webkit-scrollbar-thumb {
  85. -webkit-border-radius: 10px;
  86. border-radius: 10px;
  87. background: #2d87c1;
  88. box-shadow: 0 0 7px #2d87c1;
  89. }
  90.  
  91. ::-webkit-scrollbar-corner {
  92. background: #000000;
  93. }
  94.  
  95. #cred {
  96. height:15px;
  97. width:15px;
  98. border-radius:6px;
  99. background:#315f7a;
  100. color:#000;
  101. top:55px;
  102. left:10px;
  103. position:fixed;
  104. text-align:center;
  105. font-family:arial;
  106. font-size:13px;
  107. padding:7px;
  108. padding-top:6px;
  109. box-shadow:0px 0px 10px 2px #315f7a;
  110. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  111. }
  112.  
  113. #cred:hover {
  114. background:#bad8eb;
  115. box-shadow:0px 0px 9px 1px #bad8eb;
  116. }
  117.  
  118. #entries {
  119. padding:10px;
  120.  
  121. width:500px;
  122.  
  123.  
  124.  
  125. margin-left:470px;
  126.  
  127.  
  128. margin-top:40px;
  129. }
  130.  
  131. #post {
  132.  
  133. width:500px;
  134.  
  135.  
  136. border:2px dotted #fff;
  137. border-radius:10px;
  138. margin-bottom:10px;
  139. padding:20px;
  140. background:#000000;
  141. }
  142.  
  143. .tags {
  144. display:inline;
  145. color:#427ea3;
  146. padding:3px;
  147. }
  148.  
  149. .tags a {
  150. color:#427ea3;
  151. transition:.3s color ease-in-out, .3s text-shadow ease-in-out;
  152. }
  153.  
  154. .tags a:hover {
  155. color:#48a1b4;
  156.  
  157. text-shadow:0 0 2px #48a1b4;
  158.  
  159. }
  160.  
  161. .line {
  162. width:100%;
  163. height:1px;
  164. border-top:1px dotted #fff;
  165. padding-top:3px;
  166. padding-bottom:3px;
  167. }
  168.  
  169. #sidebar {
  170. width:250px;
  171. position:fixed;
  172. margin-left:200px;
  173. margin-top:100px;
  174. }
  175.  
  176. #title {
  177. position:fixed;
  178. width:300px;
  179. top:450px;
  180. left:70px;
  181. padding:10px;
  182. text-align:right;
  183. font-size:18px;
  184. color:#529ECC;
  185. font-family:;
  186. background:#000000;
  187. border:2px dotted #fff;
  188. border-radius:10px;
  189.  
  190. text-shadow:0 0 2px #529ECC;
  191.  
  192. }
  193.  
  194. #desc {
  195. position:fixed;
  196. left:70px;
  197. width:300px;
  198. top:500px;
  199. padding:10px;
  200. line-height:14px;
  201. border:2px dotted #fff;
  202. border-radius:10px;
  203. font-family:Comic Sans;
  204. color:#97c5e0;
  205. background:#000000;
  206. font-size:11px;
  207. }
  208.  
  209. #description {
  210. padding:5px;
  211. text-align:center;
  212. }
  213.  
  214. #prev {
  215. font-size:20px;
  216. font-family:calibri;
  217. text-align:center;
  218. height:22px;
  219. width:25px;
  220. background:#315f7a;
  221. color:#000;
  222. position:fixed;
  223. border-radius:100%;
  224. padding:5px;
  225. padding-top:8px;
  226. right:155px;
  227. bottom:40px;
  228. z-index:999999;
  229. box-shadow:0px 0px 15px #315f7a;
  230. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  231. }
  232.  
  233. #prev:hover {
  234. background:#bad8eb;
  235. box-shadow:0px 0px 15px #bad8eb;
  236. }
  237.  
  238. #next {
  239. font-size:20px;
  240. font-family:calibri;
  241. text-align:center;
  242. height:22px;
  243. width:25px;
  244. background:#315f7a;
  245. color:#000;
  246. position:fixed;
  247. border-radius:100%;
  248. padding:5px;
  249. padding-top:8px;
  250. right:155px;
  251. bottom:100px;
  252. z-index:999999;
  253. box-shadow:0px 0px 15px #315f7a;
  254. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  255. }
  256.  
  257. #next:hover {
  258. background:#bad8eb;
  259. box-shadow:0px 0px 15px #bad8eb;
  260. }
  261.  
  262. #info {
  263. text-align:center;
  264. text-transform:uppercase;
  265. font-family:consolas;
  266. font-size:12px;
  267. margin-bottom:40px;
  268.  
  269. width:500px;
  270.  
  271.  
  272. border:2px dotted #fff;
  273. border-radius:10px;
  274. padding:10px;
  275. padding-left:20px;
  276. padding-right:20px;
  277. background:#000000;
  278. }
  279.  
  280. #note {
  281. max-height:500px;
  282. overflow-y:auto;
  283. overflow-x:hidden;
  284. text-align:left;
  285. }
  286.  
  287. #asker {
  288. float:left;
  289. margin-right:5px;
  290. }
  291.  
  292. #linkcont {
  293. right:23px;
  294. width:100px;
  295. height:100%;
  296. display:block;
  297. position:fixed;
  298. top:50px;
  299. }
  300.  
  301. #links {
  302. font-size:11px;
  303. text-align:center;
  304. width:90px;
  305. margin-bottom:30px;
  306. padding:5px;
  307. border-radius:13px;
  308. background:#315f7a;
  309. color:#000;
  310. box-shadow:0px 0px 18px #315f7a;
  311. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  312. }
  313.  
  314. #links:hover {
  315. background:#bad8eb;
  316. box-shadow:0px 0px 10px #bad8eb;
  317. }
  318.  
  319. #linkstring {
  320. height:100%;
  321. width:1px;
  322. border:2px dotted #f3e4ca;
  323. position:fixed;
  324. top:0px;
  325. }
  326.  
  327. /* all the mothfuckin light strings im dying squirtle */
  328.  
  329. #strcont {
  330. height:400px;
  331. width:100%;
  332. top:0px;
  333. z-index:-999999;
  334. position:fixed;
  335. }
  336.  
  337.  
  338.  
  339. .minidiya1 {
  340. height:7px;
  341. width:7px;
  342. border-radius:100%;
  343. background:#529ECC;
  344. box-shadow: 0px 0px 6px 2px #529ECC;
  345. position:fixed;
  346. z-index:-99999;
  347.  
  348. -webkit-animation: glow1 .7s infinite alternate;
  349.  
  350. }
  351.  
  352. .minidiya2 {
  353. height:11px;
  354. width:11px;
  355. border-radius:100%;
  356. background:#86649b;
  357. box-shadow: 0px 0px 13px 3px #86649b;
  358. position:fixed;
  359. z-index:-99999;
  360.  
  361. -webkit-animation: glow2 1.4s infinite alternate;
  362.  
  363. }
  364.  
  365. @-webkit-keyframes glow1 {
  366. to {
  367. box-shadow: 0 0 2px 1px #529ECC;
  368. }
  369. }
  370.  
  371. @-webkit-keyframes glow2 {
  372. to {
  373. box-shadow: 0 0 3px 1px #86649b;
  374. }
  375. }
  376.  
  377. #diya1 {
  378. top:160px;
  379. margin-left:645px;
  380. height:65px;
  381. width:65px;
  382. border-radius:100%;
  383. background:#dcecf5;
  384. box-shadow: 0px 0px 40px 12px #dbc6c6;
  385. transition:.4s box-shadow ease-in-out;
  386. position:fixed;
  387. }
  388.  
  389. #diya1:hover {
  390. box-shadow: 0px 0px 20px 7px #dbc6c6;
  391. }
  392.  
  393. #dstring {
  394. top:0px;
  395. width: px;
  396. border:1px #f3e4ca solid;
  397. position:fixed;
  398. z-index:-99999;
  399. }
  400.  
  401. #diya2 {
  402. top:520px;
  403. margin-left:645px;
  404. height:65px;
  405. width:65px;
  406. border-radius:100%;
  407. background:#dcecf5;
  408. box-shadow: 0px 0px 40px 12px #dbc6c6;
  409. transition:.4s box-shadow ease-in-out;
  410. z-index:99;
  411. position:fixed;
  412. }
  413.  
  414. #diya2:hover {
  415. box-shadow: 0px 0px 20px 7px #dbc6c6;
  416. }
  417.  
  418. #diya3 {
  419. top: 300px;
  420. margin-left:500px;
  421. height:65px;
  422. width:65px;
  423. border-radius:100%;
  424. background:#dcecf5;
  425. box-shadow: 0px 0px 40px 12px #dbc6c6;
  426. transition:.4s box-shadow ease-in-out;
  427. position:fixed;
  428. }
  429.  
  430. #diya3:hover {
  431. box-shadow: 0px 0px 20px 7px #dbc6c6;
  432. }
  433.  
  434. #diya4 {
  435. margin-top:300px;
  436. margin-left:780px;
  437. height:65px;
  438. width:65px;
  439. border-radius:100%;
  440. background:#dcecf5;
  441. box-shadow: 0px 0px 40px 12px #dbc6c6;
  442. transition:.4s box-shadow ease-in-out;
  443. position:fixed;
  444. }
  445.  
  446. #diya4:hover {
  447. box-shadow: 0px 0px 20px 7px #dcecf5;
  448. }
  449.  
  450.  
  451.  
  452.  
  453. .hoverbox {
  454. position: fixed;
  455. background-color: #fff;
  456. opacity: 0;
  457. width: 120px;
  458. height: 220px;
  459. padding: 5px;
  460. left: 608px;
  461. top: 260px;
  462. font-family: arial;
  463. font-size: px;
  464. color: #;
  465. letter-spacing: 0px;
  466. -webkit-transition: all .7s ease-in-out;
  467. }
  468. .hoverbox:hover {
  469. opacity: 1;
  470. top: 260px;
  471.  
  472. }
  473. .hoverbox b {
  474. color: # ;
  475. font-family: calibri;
  476. font-size: px;
  477. line-height: 10px;
  478. text-transform: ;
  479. }
  480.  
  481.  
  482.  
  483.  
  484.  
  485.  
  486.  
  487. </style>
  488.  
  489.  
  490.  
  491.  
  492. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity:1; width: px; height: px; background-color:#; position: absolute; top: -38px; left:320px; overflow: auto; text-align: left; border: px solid #000;"><span style="font-family: andale mono,times; font-size: 60; color: #000000;">
  493. <img src="http://i.picpar.com/lOuc.png" width="" />
  494. </span></div>
  495.  
  496.  
  497.  
  498.  
  499. <a href="/" title="home"><div id="diya1"></div></a>
  500. <a target="_blank" href="https://roleplay.chat/profile.php?user=" title="Mikoto ♥"><div id="diya2"></div></a>
  501. <a href="/submit" title="submit"><div id="diya3"></div></a>
  502. <a href="/archive" title="archive"><div id="diya4"></div></a>
  503.  
  504.  
  505.  
  506.  
  507. <div class="hoverbox">
  508. <div style="float: left; width: 120px; height:210px; overflow: auto; overflow-x: hidden; border: solid 0px #000; line-height:8px;">
  509. <span style="font-family: andale mono,times; font-size:10; color: #000000;"><br /><b>ANNA KUSHINA</b><br /></span>
  510. <span style="font-family: andale mono,times; font-size: 10; color: #5d6d74;">
  511. A female Strain and the current King of HOMRA, where she is also their only female and youngest member. She is color blind except to the color red; however, while using her set of red marbles as a catalyst, she is able to see other colors as well as utilize her abilities.
  512. <br /><br />
  513.  
  514. <b>櫛名アンナ</b> ▄ RED KING.<br /><br />
  515. <b>▀</b> Twenty.<br />
  516. <b>▀</b> Heterosexual.<br />
  517. <b>▀</b> Uninterested.<br />
  518. <b>▀</b> Singular.<br />
  519. <br /><br />
  520.  
  521. pm friendly. long-term. multi post. codes are mine. canon character.
  522. </div> </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement