Advertisement
austinh115

[HTML/CSS] Vianny xatspace

Sep 15th, 2017
361
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.62 KB | None | 0 0
  1. background: #000 url() fixed}/** CSS By Austin (638877683) **/body{margin:0;padding:0;color:#96a5b4;letter-spacing:.5px;font-family:Estrangelo Edessa;font-size:10px;line-height:13px;text-align:justify}[name=desccontainer]{text-align:justify;position:fixed;left:50%;overflow:hidden;top:30%;border-radius:250px;background:#f5fcfc;margin-left:-415px;margin-top:-111px;z-index:2;width:252px;height:252px;opacity:0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;transition:all 0.3s linear}[name=entries]{text-align:justify;margin-top:70px;margin-left:50%}[name=posts]{text-align:justify;overflow:hidden;box-shadow:0 0 20px #000;margin:0 0 50px -44px;width:500px;min-height:33px;padding:20px;background:#3e3e3e;border-radius:2px}[name=side]{position:fixed;bottom:0px;left:50%;margin-left:-494px;width:350px;height:100%;overflow:hidden;background:#e6e6e6 url(https://s26.postimg.org/mzr86drwp/72smq0.gif) no-repeat;background-position:center bottom;border-right:30px solid #3e3e3e;border-left:30px solid #3e3e3e;box-shadow:0 0 20px #3e3e3e;border-radius:0px 0px 0px 0px}[name=fishcontainer]{position:fixed;left:50%;overflow:hidden;margin-left:-434px;top:30%;margin-top:-130px;z-index:1;border-radius:250px;background:#f5fcfc;width:250px;height:250px;border:20px solid #f5fcfc;box-shadow:0 0 30px #7e90aa}[name=sidelinks]{position:fixed;left:50%;top:30%;text-align:center;z-index:3;margin-left:-374px;margin-top:150px;letter-spacing:60px;width:170px;height:30px}[name=sidelink]{position:fixed;display:block;width:10px;height:10px;border-radius:5px;background:#3e3e3e;box-shadow:0 0 10px #3e3e3e, 0 0 5px #3e3e3e;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear}[name=credits]{position:fixed;bottom:5px;right:5px;border-radius:50%}[name=desctitle]{overflow:hidden;width:250px;margin-top:26px;text-align:center;height:54px;font-family:Georgia;font-weight:bold;font-style:italic;letter-spacing:0px;color:#797369;font-size:18px;line-height:18px}[name=desc]{overflow:hidden;width:250px;height:140px;font-family:Calibri;color:#c9a979;text-shadow:0 0 0 #c9a979;font-size:8px;text-transform:uppercase;margin-left:1px;margin-top:25px}[name=desccontainer]:hover{opacity:1}[name=credits] span{text-align:center;width:50px;height:45px;font-size:3em;display:table-cell;color:#e6e6e6;line-height:33px;vertical-align:bottom;text-shadow:0 1px 3px rgba(0, 0, 0, 0.3);transition:linear all 0.3s}[name=lefttitlespace]{float:left;clear:left;height:18px}[name=leftdescspace]{float:left;clear:left;height:13px}[name=righttitlespace]{height:18px;float:right;clear:right}[name=rightdescspace]{float:right;clear:right;height:13px}[name=desc] a{color:#7e90aa}[name=desc] a:hover{color:#3e6092}[name=sidelinks] a{text-decoration:none}[name=credits] a{text-decoration:none}::-webkit-scrollbar-thumb{border-radius:5px;background:#3e3e3e;border:3px solid #3a4b5c}[name=sidelink]:hover{background:#ffffff}::-webkit-scrollbar{height:12px;width:12px;background:#3a4b5c}::selection{background:#4c566e;color:#5a687d;text-shadow:none}::-moz-selection{background:#4c566e;color:#5a687d;text-shadow:none}a::selection{background:#4c566e;text-shadow:none;color:#746a60}a::-moz-selection{background:#4c566e;text-shadow:none;color:#746a60}[name=credits] span:hover{color:white}[name=desctitle] div{width:20px}[name=desctitle] div:nth-child(-n+4){width:31px}[name=desctitle] div:nth-child(-n+2){width:52px}[name=desc] div{width:84px}[name=desc] div:nth-child(-n+20){width:58px}[name=desc] div:nth-child(-n+18){width:43px}[name=desc] div:nth-child(-n+16){width:29px}[name=desc] div:nth-child(-n+14){width:13px}[name=desc] div:nth-child(-n+12){width:7px}[name=desc] div:nth-child(-n+10){width:3px}[name=desc] div:nth-child(-n+8){width:2px}[name=sidelinks] a div{margin-left:159px}[name=sidelinks] a:nth-child(1) div{margin-left:1px}[name=sidelinks] a:nth-child(2) div{margin:13px 0px 0px 30px}[name=sidelinks] a:nth-child(3) div{margin:20px 0px 0px 63px}[name=sidelinks] a:nth-child(4) div{margin:20px 0px 0px 97px}[name=sidelinks] a:nth-child(5) div{margin:13px 0px 0px 130px}iframe{position:absolute}[name=posts] img{max-width:100%}@media screen and (max-height: 768px){[name=entries]{margin-top: 0px}[name=posts]{margin: 0}[name=posts]{padding: 10px}[name=posts]:first-child{margin-bottom: 21px}}*{;
  2.  
  3. [font:Georgia]
  4. [font:Calibri]
  5. <div name="side"></div>
  6. <div name="fishcontainer">
  7.    <img src="https://s26.postimg.org/pv4bd8vwp/2q3nlmf.jpg" width="250" height="250">
  8.    
  9. </div>
  10. <div name="desccontainer">
  11.     <img src="https://s26.postimg.org/y20wikbd5/9amuyp.jpg" height="250">
  12. </div>
  13. <div name="sidelinks">
  14.    <a href="https://FEXBots.com">
  15.       <div name="sidelink"></div>
  16.    </a>
  17.    <a href="https://xat.com/FEXBots">
  18.       <div name="sidelink"></div>
  19.    </a>
  20.    <a href="https://xat.com/PGO">
  21.       <div name="sidelink"></div>
  22.    </a>
  23.    <a href="https://forum.xat.com/profile/37256-oj/">
  24.       <div name="sidelink"></div>
  25.    </a>
  26.    <a href="https://ioj.lol">
  27.       <div name="sidelink"></div>
  28.    </a>
  29.    <a href="https://xat.me/Austin">
  30.       <div name="sidelink"></div>
  31.    </a>
  32. </div>
  33. <div name="entries">
  34.    <div name="posts">
  35.       <h1>About me</h1>
  36.       <p>
  37.          <strong>Name: </strong><span>Austin</span><br>
  38.          <strong>Age: </strong><span>17<br>
  39.          <strong>Country: </strong><span>United States</span><br>
  40.          <strong><a style="color:inherit" href="https://FEXBots.com">FEXBots</a> </strong><span>Chief Assistant</span>
  41.       </span></p>
  42.    </div>
  43.    <div name="posts">
  44.       <img src="https://s26.postimg.org/4o562z8nd/dc3st5.jpg">
  45.       <div></div>
  46.    </div>
  47. </div>
  48. <div name="credits">
  49.    <a href="https://xat.me/Austin"><span>//A</span></a>
  50. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement