API tools faq
paste
austinh115

pages xs

austinh115
Dec 19th, 2017
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.74 KB | None | 0 0
raw download clone embed print report
  1. background:#EEE}/** CSS By Austin (638877683) **/body{margin:0}body{line-height:17px}body{background:#ddd9b4}body{color:#9f9f9f}body,[name=lt],[name=links]{font-size:11px}body{font-family:sans-serif, arial}body{font-weight:400}a,[name=nav] li a{text-decoration:none}a{color:#888}a{-webkit-transition:0.6s all}a{-moz-transition:0.6s all}a{-o-transition:0.6s all}a{transition:0.6s all}a:hover{color:#000000}[name=box]{box-shadow:5px 5px rgba(0,0,0,0.1)}[name=box],[name=content]{position:absolute}[name=box]{width:640px}[name=box]{height:460px}[name=box]{left:50%}[name=box]{border:1px solid rgba(0,0,0,0)}[name=box]{top:50%}[name=box]{overflow:hidden}[name=box]{margin-left:-320px}[name=box]{margin-top:-250px}[name=left],[name=br] div,[name=br] div img,[name=q]:before{float:left}[name=left]{width:175px}[name=left]{height:inherit}[name=left]{display:inline-table}[name=pic]{width:70px}[name=pic]{height:70px}[name=pic]{padding:52px}[name=pic],[name=content],[name=nav],::-webkit-scrollbar{background:white}[name=pic],[name=nav]{text-align:center}[name=pic] img{width:65px}[name=pic] img{height:65px}[name=pic] img{border-radius:60px}[name=pic] img{opacity:.7}[name=pic] img{-webkit-transition:0.7s all}[name=pic] img{-moz-transition:0.7s all}[name=pic] img{-o-transition:0.7s all}[name=pic] img{transition:0.7s all}[name=content]{padding:32px 43px}[name=content]{border-top:4px solid white}[name=content]{border-bottom:4px solid white}[name=content]{overflow-x:auto}[name=content]{height:388px}[name=content]{width:378px}[name=content]{right:0}[name=nav]{padding:15px 35px}[name=nav]{margin-top:2px}[name=nav]{width:104px}[name=nav]{height:100%}[name=nav]{border-bottom:30px solid #f8f8f8}[name=nav] ul,[name=nav] li,[name=nav] li a,[name=tabs-content-wrap] ul,[name=page-1]:target ~ [name=page-1-content],[name=page-2]:target ~ [name=page-2-content],[name=page-3]:target ~ [name=page-3-content],[name=page-4]:target ~ [name=page-4-content]{display:block}[name=nav] ul,[name=nav] li,[name=nav] li a,[name=tabs-content-wrap],[name=tabs-content-wrap] ul,[name=tabs-content-wrap] ul [name|=page]{list-style-type:none}[name=nav] ul{text-align:left}[name=nav] ul,[name=nav] li,[name=tabs-content-wrap] ul{margin:0px}[name=nav] ul,[name=nav] li{padding:0px}[name=nav] ul{font-family:monospace}[name=nav] li a,[name=q],[name=lt]{text-transform:uppercase}[name=nav] li a,[name=q],[name=q]:before{font-size:9px}[name=nav] li a,h2,[name=q],[name=lt]{letter-spacing:1px}[name=nav] li a{border-bottom:1px solid #f0f0f0}[name=nav] li a{padding:19px 0px}[name=nav] li:nth-child(1) a:before{content:'1 : '}[name=nav] li:nth-child(1) a:before,[name=nav] li:nth-child(2) a:before,[name=nav] li:nth-child(3) a:before,[name=nav] li:nth-child(4) a:before,[name=lt],[name=links]{display:inline}[name=nav] li:nth-child(2) a:before{content:'2 : '}[name=nav] li:nth-child(3) a:before{content:'3 : '}[name=nav] li:nth-child(4) a:before{content:'4 : '}[name=nav] li a:hover{border-bottom:1px solid #d0d0d0}[name=nav] li a:hover,[name=nav] li a:active,h2,[name=lt]{color:#000}[name=nav] li a:hover,[name=nav] li a:active{padding-left:4px}[name=nav] li a:active,[name=header2]{border-bottom:1px solid #637F77}h2,[name=lw],[name=lt]{font-weight:300}h2{font-size:21px}h2{margin-bottom:45px}[name=header2]{padding-bottom:8px}[name=tabs-content-wrap] ul{padding:0px 15px}[name=tabs-content-wrap] ul [name|=page]{width:100%}[name=tabs-content-wrap] ul [name|=page]{display:none}[name=tabs-content-wrap] ul [name|=page]{transition:all 1s linear}[name=tabs-content-wrap] ul [name|=page]{border-radius:2px}[name=tabs-content-wrap] ul [name|=page]{padding-bottom:20px}[name=tabs-content-wrap] ul [name|=page]{margin-top:100%}[name=page-1]:target ~ [name=page-1-content],[name=page-2]:target ~ [name=page-2-content],[name=page-3]:target ~ [name=page-3-content],[name=page-4]:target ~ [name=page-4-content]{margin-top:0%}[name=br]{width:370px}[name=br]{text-align-last:center}[name=br] div,[name=answer]{font-size:10px}[name=br] div{background:#fff}[name=br] div{height:40px}[name=br] div,[name=br] div img{width:40px}[name=br] div{margin-right:15px}[name=br] div{margin-bottom:15px}[name=br] div img{border-radius:40px}[name=br] div img{opacity:.9}[name=br] div img{padding:5px}[name=br] div img,[name=answer]{background:#fbfbfb}[name=br] div img{-webkit-filter:Grayscale(20%)}[name=br] div img{-webkit-transition:all .5s ease-in-out}[name=br] div img{-moz-transition:all .5s ease-in-out}[name=br] div img{-o-transition:all .5s ease-in-out}[name=br] div img{transition:all .5s ease-in-out}[name=br] div:hover img{opacity:1}[name=br] div:hover img{-webkit-filter:Grayscale(0%)}[name=q]{padding:10px 0px}[name=q]{margin-bottom:12px}[name=q]:before{content:'?'}[name=q]:before{border:1px solid #637F77}[name=q]:before{color:#637F77}[name=q]:before{font-family:arial}[name=q]:before{font-weight:bold}[name=q]:before{padding:1px 6px}[name=q]:before{margin-top:-3px}[name=q]:before{border-radius:20px}[name=q]:before{margin-right:10px}[name=answer]{border-left:1px solid #f0f0f0}[name=answer]{padding:15px 15px}[name=answer]{margin-bottom:30px}[name=lw]{margin-top:30px}[name=lw]{font-family:'open sans', sans-serif}[name=lw]{line-height:22px}[name=lt]{padding-right:5px}[name=lt]{padding-bottom:15px}[name=links]a{margin-right:7px}::-webkit-scrollbar{width:14px}::-webkit-scrollbar{height:3px}::-webkit-scrollbar-thumb{border:6px solid white}::-webkit-scrollbar-thumb{background-color:#ddd9b4}::-webkit-scrollbar-thumb{border-radius:15px}*{;
  2.  
  3. <div name="box">
  4. <div name="content">
  5. <div name="tabs-content-wrap">
  6. <ul>
  7. <a name="page-1"></a>
  8. <a name="page-2"></a>
  9. <a name="page-3"></a>
  10. <a name="page-4"></a>
  11.  
  12. <div name="page-1-content">
  13. <h2><span name="header2">About Me</span> / Austin</h2>
  14.  
  15. <p><b>This xatspace was designed by <a href="https://xat.me/Austin">Austin</a>.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper hendrerit diam, vitae tempus ante porta nec.</p>
  16.  
  17. <p>Vestibulum a ex scelerisque metus finibus pellentesque sit amet vitae urna. Curabitur elementum est sed dolor congue, in aliquet ex viverra. Aenean lacinia dapibus lorem eu pulvinar. Vivamus non velit in ante dictum rhoncus vitae sed velit. </p>
  18.  
  19. <p>Fusce convallis gravida turpis vel eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ipsum quam.</p>
  20.  
  21. <p>Phasellus porta efficitur eros ut cursus.</p>
  22.  
  23. <p>Etiam congue fringilla felis quis tempor. Nam nec mattis velit. Cras rutrum, odio eu auctor dapibus, leo urna aliquam tellus, sit amet laoreet nisi odio in urna. Nulla at ipsum ultricies, tincidunt dui non, lacinia velit. Pellentesque sollicitudin condimentum purus id pharetras.</p>
  24. </div>
  25.  
  26. <div name="page-2-content">
  27.  
  28. <h2><span name="header2">Links</span></h2>
  29.  
  30. <div name="lw">
  31. <div name="lt">Title</div>
  32. <div name="links">
  33. <a href="https://FEXBots.com" target="_blank">link</a>
  34. </div>
  35. </div>
  36.  
  37. <div name="lw">
  38. <div name="lt">Links</div>
  39. <div name="links">
  40. <a href="/" target="_blank">put anything here</a>
  41. </div>
  42. </div>
  43.  
  44. <div name="lw">
  45. <div name="lt">Tags</div>
  46. <div name="links">
  47. <a href="/" target="_blank">posts</a>
  48. </div>
  49. </div>
  50.  
  51. <div name="lw">
  52. <div name="lt">Writing</div>
  53. <div name="links">
  54. <a href="/" target="_blank">all my writing</a>
  55. </div>
  56. </div>
  57.  
  58. <div name="lw">
  59. <div name="lt">Social</div>
  60. <div name="links">
  61. <a href="/" target="_blank">main blog</a>
  62. </div>
  63. </div>
  64. </div>
  65.  
  66. <div name="page-3-content">
  67.  
  68. <h2><span name="header2">F.A.Q.</span></h2>
  69.  
  70. <div name="q">This is an example of a question.</div>
  71. <div name="answer">And this is an answer.</div>
  72.  
  73. <div name="q">This is an example of a question.</div>
  74. <div name="answer">And this is an answer.</div>
  75.  
  76. <div name="q">This is an example of a question.</div>
  77. <div name="answer">And this is an answer.</div>
  78.  
  79. <div name="q">This is an example of a question.</div>
  80. <div name="answer">And this is an answer.</div>
  81.  
  82. <div name="q">This is an example of a question.</div>
  83. <div name="answer">And this is an answer.</div>
  84.  
  85. <div id="ask-box">
  86. <p></p>
  87. </div>
  88. </div>
  89.  
  90. <div name="page-4-content">
  91. <h2><span name="header2">Friends</span></h2>
  92. <div name="br">
  93. <div id="following">
  94. <a href="" target="_blank">
  95. <img src="https://i.imgur.com/iNffFYI.png" class="portrait"></a>
  96. </div>
  97.  
  98. <div id="following">
  99. <a href="" target="_blank">
  100. <img src="https://i.imgur.com/iNffFYI.png" class="portrait"></a>
  101. </div>
  102.  
  103. <div id="following">
  104. <a href="" target="_blank">
  105. <img src="https://i.imgur.com/iNffFYI.png" class="portrait"></a>
  106. </div>
  107.  
  108. <div id="following">
  109. <a href="" target="_blank">
  110. <img src="https://i.imgur.com/iNffFYI.png" class="portrait"></a>
  111. </div>
  112.  
  113. <div id="following">
  114. <a href="" target="_blank">
  115. <img src="https://i.imgur.com/iNffFYI.png" class="portrait"></a>
  116. </div>
  117. </div>
  118. </div>
  119.  
  120. </ul>
  121. </div>
  122. </div>
  123. <div name="left">
  124. <div name="pic">
  125. <img src="https://i.imgur.com/iNffFYI.png" />
  126. </div>
  127. <div name="nav">
  128. <div>
  129. <ul>
  130. <li><a href="#page-1">About Me</a></li>
  131. <li><a href="#page-2">Links</a></li>
  132. <li><a href="#page-3">F.A.Q.</a></li>
  133. <li><a href="#page-4">Friends</a></li>
  134. </ul>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!