Advertisement
cat_inthe_cradle

Sesshomaru

May 5th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.80 KB | None | 0 0
  1. #profile-container {background:none;}
  2.  
  3.  
  4.  
  5.  
  6. <style>
  7.  
  8.  
  9. .rhythmi { width: 300px; height: 100px; padding: 20px; background-color: #f0f0f0; margin: auto; box-shadow: 5px 5px 5px #f0f0f0; overflow: hidden; position: relative; }
  10. .rhythm { width: 100px; height: 100px; position: relative; }
  11. .rhythm img { width: 100px; height: 100px; }
  12. .rhythmi .rhythmh { position: absolute; top: 0px; left: 0px; opacity: 0; transition-duration: .6s; }
  13. .rhythmi:hover .rhythmh { opacity: .99; }
  14. .rhythmh img { width: 100px; height: 100px; }
  15. .rhythm .rhythm1 { position: absolute; top: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #f0f0f0 transparent transparent transparent; }
  16. .rhythm .rhythm2 { position: absolute; right: 0px; top: 0px; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent #f0f0f0 transparent transparent; }
  17. .rhythm .rhythm3 { bottom: 0px; position: absolute; left: 0px; width: 0; height: 0; border-style: solid; border-width: 50px 0 0 50px; border-color: transparent transparent transparent #f0f0f0; }
  18. .rhythm .rhythm4 { position: absolute; right: 0px; bottom: 0px; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 50px; border-color: transparent transparent #f0f0f0 transparent; }
  19. .rhythmi .rinside1 { position: absolute; left: 140px; top: -20px; background-color: #d4d4d4; border-radius: 100%; width: 15px; height: 15px; opacity: 0; transition: all .6s ease-in-out .3s; }
  20. .rhythmi:hover .rinside1 { top: 80px; transition: all .6s ease-in-out .3; opacity: .99; }
  21. .rhythmi .rinside2 { position: absolute; left: 190px; top: -20px; background-color: #c4c4c4; border-radius: 100%; width: 15px; height: 15px; opacity: 0; transition: all .6s ease-in-out .6s; }
  22. .rhythmi:hover .rinside2 { top: 80px; transition: all .6s ease-in-out .6s; opacity: .99; }
  23. .rhythmi .rinside3 { position: absolute; left: 240px; top: -20px; background-color: #b4b4b4; border-radius: 100%; width: 15px; height: 15px; opacity: 0; transition: all .6s ease-in-out .9s; }
  24. .rhythmi:hover .rinside3 { top: 80px; transition: all .6s ease-in-out .9s; opacity: .99; }
  25. .rhythmi .rinside4 { position: absolute; left: 290px; top: -20px; background-color: #a4a4a4; border-radius: 100%; width: 15px; height: 15px; opacity: 0; transition: all .6s ease-in-out 1.2s; }
  26. .rhythmi:hover .rinside4 { top: 80px; transition: all .6s ease-in-out 1.2s; opacity: .99; }
  27. .rhythmi .insidet { position: absolute; top: 40px; left: 130px; font-family:'roboto'; text-transform: lowercase; letter-spacing: -4px; line-height: 100%; font-size: 40px; font-style: italic; font-weight: bold; color: #b03939; opacity: 0; transition: all .6s ease-in-out;}
  28. .rhythmi:hover .insidet { transition: all .6s ease-in-out 1.5s; opacity: .99; }
  29.  
  30. .lassos {Background Properties }
  31. table, tr, td {background-color:transparent;}
  32. body {
  33. margin-left:-300px;
  34. margin-top:250px;
  35. background-image: url('http://68.media.tumblr.com/tumblr_me0howdz451rshr70.png');
  36. background-color: #efefef;
  37. background-repeat: repeat;
  38. background-attachment: fixed;
  39. }
  40.  
  41. .lassos { tables }
  42. table table table table{border:transparent;}
  43. table table table {
  44. background-color:transparent;
  45. }
  46. .a {left} object, embed, table table table {position:relative; left:0px; top:7px;} table table table table {position:static;}
  47.  
  48. .a {right} td.text table {position:relative; left:-18px; top:-2px;} td.text object, td.text embed, td.text table table {position:static;}
  49.  
  50. .lassos {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:2px;} table table table table {margin-top:0px;}
  51.  
  52. .lassos
  53. table, tr, td, li, p, div {
  54. font: 6.5pt archivo narrow;
  55. letter-spacing: 0.5px;
  56. color:#a0a0a0;
  57. line-height:9px;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {
  61. border-right:5px solid #efefef;
  62. border-left:5px solid #ffffff;
  63. border-top:5px solid #ffffff;
  64. border-bottom:5px solid #ffffff;
  65. background:#f3a7c4;
  66. }
  67. ::-webkit-scrollbar-thumb:horizontal {
  68. background-color:#ffffff;
  69. }
  70. ::-webkit-scrollbar {
  71. width:13px;
  72. height:7px;
  73. border-right:6px solid #ffffff;
  74. border-left:6px solid #ffffff;
  75. border-top:10px solid #ffffff;
  76. border-bottom:10px solid #ffffff;
  77. background:#dbdded;
  78. }
  79.  
  80. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  81.  
  82.  
  83.  
  84. a:link {text-decoration: none; color: #b03939;}
  85. a:visited {color:#b03939;}
  86. a:hover{color:#ae9292; font-style: italic;}
  87.  
  88. </style>
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96. <div class="rhythmi">
  97. <div class="rhythm"><img src="http://i.picpar.com/LWtc.gif" alt="" />
  98. <div class="rhythmh"><img src="http://i.picpar.com/HWtc.png" alt="" /></div>
  99. </div>
  100. <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('http://www.rphaven.com/'); position: absolute; top: 20px; left: 130px; overflow: auto; text-align: left; border: 0px solid;"><span style="font-family: andale mono,times; font-size: xx-small; color: #584848;"> <strong>LORD OF THE WESTERN LANDS.</strong><br /> <strong>殺生丸 &mdash;<em>Destruction of life</em></strong><br /><br /> "I WALK THE PATH OF SUPREME CONQUEST, AND IT IS POWER THAT WILL REVEAL THE WAY FOR ME."&nbsp;<br /> <br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &mdash; <em>sesshōmaru</em> <br /><br /> <strong>INU DAIYOKAI. MALE. SINGULAR.<br /><br /></strong><span style="font-size: 12pt; color: #b03939;"><a title="Amaterasu" href="http://profiles.rphaven.com/Amaterasu%20Okami" target="_blank">▀</a>&nbsp;<a title="Sango" href="http://profiles.rphaven.com/Yokai Taijiya" target="_blank">▀</a> ▀ ▀</span><br /><br /></span></div>
  101. <div class="insidet">sesshōmaru&mdash;</div>
  102. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement