Advertisement
saaavhouston

Baby Pink Xatspace Tumblr Hover

Jun 22nd, 2018
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.71 KB | None | 0 0
  1. PINK VERSION OF TUMBLR XATSPACE HOVER OVER DESC.
  2.  
  3. background-image: url(http://u.cubeupload.com/saaavx/BABYPINK.png); background-attachment:fixed; background-repeat:repeat; font-family: {select:Font}; letter-spacing:1px; font-size:12px; color:#c46a72; text-align:left; } a{ color:#edadb3; text-decoration:none; } a:hover{ color:#f21ddc; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } a:active,a:focus{ outline:0; } #top,.left,.bottom,.right{ z-index:999999; position:fixed; } #top,.bottom{ width:100%; left:0px; } .left,.right{ background:{color:accent color}; width:10px; height:100%; top:0px; } #top{ top: 0; border-bottom:1px solid #4b5972; font-style:italic; text-align:center; {block:iftopquote} height:10px; padding:10px; background-color:#97a0af; z-index:999999999; {/block:iftopquote} {block:ifnottopquote} background-color:{color:accent color}; height:7px; padding:0px; {/block:ifnottopquote} } .right{ right:0; } .bottom{ height:10px; background-color:#97a0af; bottom:0px; } .left{ left:0px; } .sidebar{ width:160px; top:200px; left:100px; background:{color:background}; position:fixed; z-index:999; } .blogtitle{ z-index:999999; text-align:center; margin:5px; background-color:{color:background}; font-size:28px; color:{color:body links}; margin-right:7px; } .icon{ padding:5px; width:145px; border:1px solid #ffffff; } .icon:hover #desc{ opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } #desc{ position:absolute; overflow-y:auto; margin-top:-150px; margin-left:0px; height:131px; width:130px; opacity:0; text-align:center; padding:10px; background:#ffffff; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .linkers{ text-align:center; text-transform:uppercase; line-height:27px; font-size:10px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .linkers a{ color:{color:body links}; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; margin:4px; } .linkers a:hover{ color:{color:link hover}; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .content{ position:relative; width:670px; margin:0px auto; height:auto; top:40px; {block:permalinkpage}width:560px;{/block:permalinkpage} } article{ margin:40px; outline:1px solid {color:borders}; outline-offset:20px; background:{color:background}; width:250px; {block:PermalinkPage}width:500px;padding:5px;{/block:PermalinkPage} } .photo{ -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .photo:hover{ -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } article:hover #perma1{ opacity:1; right:50px; } #perma1{ position:absolute; height:20px; width:20px; border:1px solid {color:borders}; background:{color:background}; right:30px; top:-32px; opacity:0; text-align:center; font-size:11px; text-transform:uppercase; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; {block:PermalinkPage}display:none;{/block:PermalinkPage} } #perma1:hover{ border:1px solid{color:accent color}; background:{color:accent color}; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } article:hover #perma2{ opacity:1; right:15px; } #perma2{ position:absolute; height:20px; width:20px; border:1px solid {color:borders}; background:{color:background}; right:30px; top:-32px; opacity:0; text-align:center; font-size:11px; text-transform:uppercase; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; {block:PermalinkPage}display:none;{/block:PermalinkPage} } #perma2:hover{ border:1px solid{color:accent color}; background:{color:accent color}; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } {block:ifswipeeffect} #swipe{ text-align:center; position:absolute; background-color:{color:accent color}; top:0; width:100%; height:100%; opacity:0; -webkit-transform:scale(0); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } article:hover #swipe{ opacity:0.2; -webkit-transform:scale(1); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; {block:PermalinkPage}display:none{/block:PermalinkPage} } {/block:ifswipeeffect} #permas{ color:{color:body links}; text-align:right; margin-top:5px; padding-top:5px; border-top:1px solid {color:accent color}; {block:PermalinkPage}display:none;{/block:PermalinkPage} } blockquote{ padding-left:5px; border-left:2px solid {color:accent color}; margin-left:3px; width:94%; } iframe,img,embed,object,video{ max-width:100%; vertical-align:text-bottom; } img{ height:auto; width:auto; vertical-align:text-bottom; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } ol{ list-style-type: upper-roman; } ul{ list-style-type: circle; } #note{ max-height:300px; overflow:auto; } ol.notes{ padding: 0px; list-style-type: upper-roman; } ol.notes li.note{ padding-left:7px; text-align:left; width:400px; padding-top:5px; } ol.notes li.note img.avatar{ display:none; } .whatever, .ldesc, .askpost{ padding:7px; } article h2{ font-size:15px; } .chat{ float:left; width:100%; } .chat ul{ list-style:none; margin:0; padding:0; } .odd,.even{ padding:7px; } .odd{ background-color:rgba({RGBcolor:accent color},.7); } .title,.link{ font-size:17px; text-align:center; text-transform:capitalize; line-height:25px; padding-bottom:5px; border-bottom:1px solid {color:accent color}; } .title a,.link a{ color:{color:body links}; } .title a:hover,.link a:hover{ color:{color:link hover}; } .quote{ font-style:italic; font-size:15px; padding:5px; } .source{ text-align:right; font-weight:bold; font-size:11px; padding:5px; } .audio{ {block:IndexPage}width:250px; padding:5px; padding-bottom:10px;{/block:IndexPage} {block:PermalinkPage}width:500px;{/block:PermalinkPage} } .audio img{ border:1px none #000; } .albumart{ position:absolute; float:left; {block:IndexPage}width:50px; height:50px;{/block:IndexPage} {block:PermalinkPage}width:100px; height:100px;{/block:PermalinkPage} } .playbox{ opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:2;{block:IndexPage} margin-left:11px; margin-top:12px;{block:IndexPage} {block:permalinkpage} margin-left:40px; margin-top:40px;{block:permalinkPage} } .stuff{ margin-top:2px; line-height:12px; {block:IndexPage}margin-left:58px;{block:IndexPage} {block:PermalinkPage}margin-left:110px; font-size:20px; line-height:30px;{/block:PermalinkPage} } .question{ text-align:justify; font-style:italic; padding:7px; border:1px solid {color:accent color}; } .asker{ font-weight:bold; padding-bottom:5px; margin-top:-20px; margin-left:20px; } . .answer{ text-align:left; } #pagi{ display:none; } .tooltip{ display:inline; position:relative; } #s-m-t-tooltip{ max-width:300px; padding:4px 5px 6px 4px; margin:20px 7px -2px 20px; background:{color:background}; border:1px solid {color:accent color}; font-size:10px; letter-spacing:1px; text-transform:uppercase; color:{color:text}; z-index:9999999999999999999999; } /*popup*/ #fade{ display:none; background:{color:background}; background-image: url(''); position:fixed; left:0; top:0; width:100%; height:100%; opacity:.6; z-index:999999; } .popup_block{ display:none; background:{color:background}; padding:10px; border:5px solid {color:accent color}; padding:4px; float:left; line-height:15px; position:fixed; text-align:center; top:50%; left:50%; z-index:9999999999999999999999999!imp0rtant; -webkit-animation: cssAnimation 1s 1 ease-in-out; -moz-animation: cssAnimation 1s 1 ease-in-out; -o-animation: cssAnimation 1s 1 ease-in-out; } img.btn_close{ float:right; margin:-5px -5px 0 0; } *html #fade{ position:absolute; } *html .popup_block{ position:absolute; } .credy{ width:5px; height:15px; font-size:15px; padding:5px; border-left:1px solid {color:accent color}; border-bottom:1px solid {color:accent color}; background:#ffffff; z-index:999999999999999999999999999999999999999999999999999999; bottom:20px; left:20px; position:fixed; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; } .credy:hover{ width:90px; border-bottom:1px solid {color:accent color}; } .credy .fa-ellipsis-v { position:absolute; left:7px; bottom:3px; z-index:999; } .credy:hover #ch{ -webkit-transform: scale(1); } #ch{ position:absolute; z-index:9999999; background:{color:background}; bottom:0px; padding:5px; width:60px; font-size:12px; text-align:left; opacity:1; -webkit-transform: scale(0); -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out;
  4.  
  5.  
  6. ------------------------------------------------------------------------------------------------------------------------------------
  7.  
  8.  
  9. 01.05.18 xo
  10. <div class="sidebar">
  11.  
  12.  
  13.  
  14. <div align="center">
  15.  
  16.  
  17.  
  18. <div class="blogtitle"><a href="http://savhouston.imgur.com/" style="color:#edadb3"> ♔ 𝐒𝐚𝐯𝐚𝐧𝐧𝐚𝐡</a></div>
  19.  
  20.  
  21.  
  22. <div class="icon"><img src="http://u.cubeupload.com/saaavx/2ceForumavi.png" />
  23.  
  24.  
  25.  
  26. <div id="desc">Hello, my name is Savannah. You can call me Sav/Savi for short. I am 21 year old female who currently resides in the UK. I enjoy playing piano, long distance running, art and design especially graphic design and drawing. I love pizza, small bands, cocktails, reading, tea, PLL, The Vampire Diaries, Riverdale, Gossip Girl and The Originals. If you would like any graphics done then feel free to pc me or you can find me on Clouds, Active, Help, Black.I am happy to provide examples. Thank you for looking at my xatspace. ☆ </div></div>
  27.  
  28.  
  29.  
  30. <div class="linkers"><span style="color:rgb(95,130,224);"><a href="https://xat.me/Jakey" style="style">♥</a><a href="https://xat.me/Jamesey" style="style">❀</a><a href="https://xat.me/Cherrylips" style="style">☾</a><a href="https://xat.me/Four" style="style">♛</a><a href="#?w=150" class="poplight" style="style">about me ^</a></span></div></div></div><br />
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement