Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #profile-container {background:none;}
- <style>
- .rhythmi { width: 300px; height: 100px; padding: 20px; background-color: #f0f0f0; margin: auto; box-shadow: 5px 5px 5px #f0f0f0; overflow: hidden; position: relative; }
- .rhythm { width: 100px; height: 100px; position: relative; }
- .rhythm img { width: 100px; height: 100px; }
- .rhythmi .rhythmh { position: absolute; top: 0px; left: 0px; opacity: 0; transition-duration: .6s; }
- .rhythmi:hover .rhythmh { opacity: .99; }
- .rhythmh img { width: 100px; height: 100px; }
- .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; }
- .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; }
- .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; }
- .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; }
- .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; }
- .rhythmi:hover .rinside1 { top: 80px; transition: all .6s ease-in-out .3; opacity: .99; }
- .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; }
- .rhythmi:hover .rinside2 { top: 80px; transition: all .6s ease-in-out .6s; opacity: .99; }
- .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; }
- .rhythmi:hover .rinside3 { top: 80px; transition: all .6s ease-in-out .9s; opacity: .99; }
- .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; }
- .rhythmi:hover .rinside4 { top: 80px; transition: all .6s ease-in-out 1.2s; opacity: .99; }
- .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;}
- .rhythmi:hover .insidet { transition: all .6s ease-in-out 1.5s; opacity: .99; }
- .lassos {Background Properties }
- table, tr, td {background-color:transparent;}
- body {
- margin-left:-300px;
- margin-top:250px;
- background-image: url('http://68.media.tumblr.com/tumblr_me0howdz451rshr70.png');
- background-color: #efefef;
- background-repeat: repeat;
- background-attachment: fixed;
- }
- .lassos { tables }
- table table table table{border:transparent;}
- table table table {
- background-color:transparent;
- }
- .a {left} object, embed, table table table {position:relative; left:0px; top:7px;} table table table table {position:static;}
- .a {right} td.text table {position:relative; left:-18px; top:-2px;} td.text object, td.text embed, td.text table table {position:static;}
- .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;}
- .lassos
- table, tr, td, li, p, div {
- font: 6.5pt archivo narrow;
- letter-spacing: 0.5px;
- color:#a0a0a0;
- line-height:9px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- border-right:5px solid #efefef;
- border-left:5px solid #ffffff;
- border-top:5px solid #ffffff;
- border-bottom:5px solid #ffffff;
- background:#f3a7c4;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#ffffff;
- }
- ::-webkit-scrollbar {
- width:13px;
- height:7px;
- border-right:6px solid #ffffff;
- border-left:6px solid #ffffff;
- border-top:10px solid #ffffff;
- border-bottom:10px solid #ffffff;
- background:#dbdded;
- }
- body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
- a:link {text-decoration: none; color: #b03939;}
- a:visited {color:#b03939;}
- a:hover{color:#ae9292; font-style: italic;}
- </style>
- <div class="rhythmi">
- <div class="rhythm"><img src="http://i.picpar.com/LWtc.gif" alt="" />
- <div class="rhythmh"><img src="http://i.picpar.com/HWtc.png" alt="" /></div>
- </div>
- <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>殺生丸 —<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." <br /> <br /> — <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> <a title="Sango" href="http://profiles.rphaven.com/Yokai Taijiya" target="_blank">▀</a> ▀ ▀</span><br /><br /></span></div>
- <div class="insidet">sesshōmaru—</div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement