Advertisement
cat_inthe_cradle

Konan - paper angel #1

Apr 9th, 2017
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.79 KB | None | 0 0
  1. <style>
  2.  
  3. @import
  4. url(https://fonts.googleapis.com/css?family=Niconne);
  5. @import
  6. url(https://fonts.googleapis.com/css?family=Orbitron);
  7. @import
  8. url(https://fonts.googleapis.com/css?family=Play);
  9.  
  10. ::-webkit-scrollbar-thumb:vertical{
  11. width: 1px;
  12. background-color: # ;
  13. }
  14.  
  15. ::-webkit-scrollbar {
  16. width: 1px;
  17. background-color: transparent;
  18. }
  19.  
  20. ::selection {
  21. background: transparent;
  22. color: #fff;
  23. }
  24.  
  25. ::-moz-selection {
  26. background: transparent;
  27. color: #fff;
  28. }
  29.  
  30. body{background:url(http://i.picpar.com/jLqc.jpg)no-repeat left bottom; background-size:30%; background-color:#d6d6d6;}
  31. #screen{position:absolute;
  32. top:0;left:0;right:0;bottom:0;margin:auto;
  33. background-color:#d7d7d7;background-size:100% 100%;transition: 1s linear;
  34. -webkit-transition: 1s linear;
  35. -moz-transition: 1s linear;
  36. -o-transition: 1s linear;
  37. -ms-transition: 1s linear;}
  38. body:hover #screen{opacity:0;transition: 1s linear;
  39. -webkit-transition: 1s linear;
  40. -moz-transition: 1s linear;
  41. -o-transition: 1s linear;
  42. -ms-transition: 1s linear;}
  43.  
  44. #blood1{position:absolute;top:0;left:0;height:50%;}
  45.  
  46. #njacq{position:absolute;top:0;left:-950;right:0;bottom:0;margin:auto;height:100%;width:32%;border-radius:0%;background:url(http://i.picpar.com/lLqc.png)no-repeat center bottom;background-size:80% 80%;}
  47.  
  48. #title{position:absolute;top:0;left:0;right:100;bottom:0;margin:auto;height:100px;width:600px;font-size:45px;color:white;font-family:Orbitron;letter-spacing:3px;text-shadow:4px 0px 4px #0ff;}
  49. .bottle1{position:absolute;top:55%;left:0;right:50%;bottom:0;margin:auto;height:15%;width:5%;background:;}
  50. .bottle2{position:absolute;top:55%;left:0;right:41%;bottom:0;margin:auto;height:7%;width:3%;background:transparent;}
  51. .bottle3{position:absolute;top:65%;left:0;right:32%;bottom:0;margin:auto;height:7%;width:3%;background:transparent;}
  52. .bottle4{position:absolute;top:73%;left:63%;right:0%;bottom:0;margin:auto;height:7%;width:3%;background:transparent;}
  53. .bottle5{position:absolute;top:80%;left:85%;right:0%;bottom:0;margin:auto;height:7%;width:3%;background:transparent;}
  54. .bottle6{position:absolute;top:55%;left:80%;right:0%;bottom:0;margin:auto;height:7%;width:3%;background:transparent;}
  55. .menuitem{opacity:0;transition: 1s linear;
  56. -webkit-transition: 1s linear;
  57. -moz-transition: 1s linear;
  58. -o-transition: 1s linear;
  59. -ms-transition: 1s linear}
  60. body:hover .menuitem{opacity:0;transition: 1s linear;
  61. -webkit-transition: 1s linear;
  62. -moz-transition: 1s linear;
  63. -o-transition: 1s linear;
  64. -ms-transition: 1s linear}
  65. .menuitem:target{opacity:0;transition: 1s linear;
  66. -webkit-transition: 1s linear;
  67. -moz-transition: 1s linear;
  68. -o-transition: 1s linear;
  69. -ms-transition: 1s linear}
  70. body:hover .menuitem:target{z-index:5;opacity:1;transition: 1s linear;
  71. -webkit-transition: 1s linear;
  72. -moz-transition: 1s linear;
  73. -o-transition: 1s linear;
  74. -ms-transition: 1s linear}
  75. #box1{position:absolute;top:200;left:250;right:0;bottom:0;margin:auto;height:230px;width:420px;background:url()no-repeat bottom;background-size:100%;background-color:rgba(0,0,0, 0.6);opacity:1; box-shadow: 0 0 5px 1px #0ff, 0 0 5px 1px #0ff inset;}
  76. .menuitem:target #box1{z-index:5}
  77. .menuitem:target #box2{z-index:5}
  78. #box2{position:absolute;top:0;left:0;right:250;bottom:300;margin:auto;height:230px;width:420px;background:url(https://s-media-cache-ak0.pinimg.com/originals/d4/24/ae/d424ae049c8097d63d29e9931d8a1280.gif)no-repeat bottom;background-size:100%;background-color:rgba(0,0,0, 0.6);opacity:1; box-shadow: 0 0 5px 1px #0ff, 0 0 5px 1px #0ff inset;}
  79. #render{position:absolute;top:0;right:0;left:430;bottom:330;margin:auto;height:300px;width:300px;background:url()no-repeat center;background-size:100% 100%;}
  80. #conleft{position:absolute;top:30;left:5;color:white;height:200px;width:100px;letter-spacing:2px;font-size:15px;}
  81. #conleft1{position:absolute;top:30;left:5;color:white;height:170px;width:410px;letter-spacing:2px;font-size:15px;overflow:auto;}
  82. #conmiddle{position:absolute;top:30;left:115;color:white;height:200px;width:100px;letter-spacing:2px;font-size:15px;}
  83. #conright{position:absolute;top:30;left:215;color:white;height:200px;width:100px;letter-spacing:2px;font-size:15px;}
  84. #conright2{position:absolute;top:30;left:315;color:white;height:200px;width:100px;letter-spacing:2px;font-size:15px;}
  85. h1{color:white;font-size:25px;position:absolute;top:0;left:0;text-align:center;margin:auto;height:25px;width:100%;font-weight:500;font-family:Niconne;}
  86. b{color:#9b736c;font-family:PT+Sans;}
  87. a{color:#848482;text-decoration:none;}
  88. </style>
  89.  
  90. <div id="screen">
  91. <div id="njacq">
  92. </div>
  93.  
  94. </div>
  95.  
  96.  
  97.  
  98.  
  99. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width:370px; height: 290px; background-color: #fff; position: absolute; top: 245px; left: 380px; overflow: auto; text-align: left; border: 1px solid #d5c4c0;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>
  100.  
  101. <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: 255px; left: 590px; overflow: auto; text-align: left; border: 1px solid #d5c4c0;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
  102.  
  103.  
  104. <img src="http://25.media.tumblr.com/tumblr_mbh8bpylF91rdtb6xo2_r1_250.gif" alt="" width="150" height="270" />
  105.  
  106.  
  107. </span></div>
  108.  
  109.  
  110.  
  111.  
  112.  
  113. <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width:195px; height: 272px; background-color: #d7d7d7; position: absolute; top: 255px; left: 390px; overflow: auto; text-align: left; border: px solid #d5c4c0;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> </span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement