API tools faq
paste
q_shiner

Geronimo About Page

q_shiner
Nov 6th, 2016
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14. <style type="text/css">
  15.  
  16.  
  17. /*--scrollbar--*/
  18.  
  19. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  20. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  21. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  22. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  23. }
  24. /*--body--*/
  25.  
  26.  
  27. body {
  28. font-style:none;
  29. background-color:{color:bg};
  30. font-family:arial;
  31. color:{color:text};
  32. font-size:11px;
  33. }
  34.  
  35.  
  36. a {
  37. color:{color:link};
  38. text-decoration:none;
  39. -webkit-transition: all 0.5s ease-out;
  40. -moz-transition: all 0.5s ease-out;
  41. transition: all 0.5s ease-out;
  42. }
  43.  
  44. a:hover {
  45. color:{color:hover};
  46. text-decoration:none;
  47. -webkit-transition: all 0.8s ease-out;
  48. -moz-transition: all 0.8s ease-out;
  49. transition: all 0.8s ease-out;
  50. }
  51.  
  52. /*stats*/
  53. #call {
  54. text-transform: uppercase;
  55. margin-left:580px;
  56. margin-top:210px;
  57. position:fixed;
  58. line-height:150%;
  59.  
  60. }
  61. /*stat answers*/
  62. #response {
  63. text-transform: lowercase;
  64. margin-left:680px;
  65. margin-top:210px;
  66. position:fixed;
  67. line-height:150%;
  68. }
  69.  
  70. /*icons*/
  71. #reel {
  72. margin-left:500px;
  73. height:500px;
  74. width:50px;
  75. margin-top:190px;
  76. position:fixed;
  77. }
  78.  
  79. #reel img {
  80. width:50px;
  81. height:50px;
  82. padding:10px;
  83. opacity:1;
  84. -webkit-transition: all 0.4s ease-in-out;
  85. -moz-transition: all 0.4s ease-in-out;
  86. -o-transition: all 0.4s ease-in-out;
  87. -ms-transition: all 0.4s ease-in-out;
  88. transition: all 0.4s ease-in-out;
  89. }
  90.  
  91. #reel img:hover {
  92. opacity:0.5;
  93. -webkit-transition: all 0.4s ease-in-out;
  94. -moz-transition: all 0.4s ease-in-out;
  95. -o-transition: all 0.4s ease-in-out;
  96. -ms-transition: all 0.4s ease-in-out;
  97. transition: all 0.4s ease-in-out;
  98. }
  99.  
  100.  
  101. /*try not to touch this*/
  102. #bio {
  103. border-top:#969696 1px solid;
  104. position:fixed;
  105. width: 270px;
  106. top:320px;
  107. left:580px;
  108. display: table-cell;
  109. vertical-align:middle;
  110. padding-top:10px;
  111. }
  112.  
  113. #credit {
  114. position:fixed;
  115. font-size:9px;
  116. color:#000;
  117. font-weight:bold;
  118. line-height:150%;
  119. letter-spacing:2px;
  120. right:10px;
  121. bottom:10px;
  122. text-transform:lowercase;
  123. text-align:center;
  124. }
  125.  
  126. #credit a {
  127. letter-spacing: 0px;
  128. padding:3px;
  129. color:#000;
  130. }
  131.  
  132. #credit a:hover {
  133. background:#000;
  134. color:#fff;
  135. }
  136.  
  137. {CustomCSS}
  138.  
  139. </style></head>
  140.  
  141.  
  142. <body>
  143. <div id="call">
  144. Name
  145. <br>
  146. Age
  147. <br>
  148. Location
  149. <br>
  150. Zodiac
  151. <br>
  152. MBTI
  153. <br>
  154. House
  155.  
  156. </div>
  157.  
  158. <div id="response">
  159. Jay
  160. <br>
  161. Twenty one
  162. <br>
  163. Canada
  164. <br>
  165. Aquarius
  166. <br>
  167. isfp
  168. <br>
  169. ravenclaw
  170. </div>
  171.  
  172. <!--- icon urls here !--->
  173. <div id="reel">
  174. <a href="/" title="home"> <img src="http://67.media.tumblr.com/a9e86ea7e733fcd4aff0ebb5b59a1819/tumblr_inline_ogc2a07yYr1rwrsi4_100.png"></a>
  175.  
  176. <a href="/navigation" title="links"> <img src="http://65.media.tumblr.com/9f235d7a93eabb3e22b8ef00b0db99ec/tumblr_inline_ogc29xqCp21rwrsi4_100.png"></a>
  177.  
  178. <a href="/icons" title="icons"> <img src="http://67.media.tumblr.com/585a48bed5261e1b0edd693337a0bedf/tumblr_inline_ogc2a1gZse1rwrsi4_100.png"></a>
  179.  
  180. <a href="/ask" title="ask"> <img src="http://67.media.tumblr.com/ae0fbd9ad9b71c7f31e58834b2315591/tumblr_inline_ogc29wqJT91rwrsi4_100.png"></a>
  181.  
  182. <a href="/fandoms" title="fandoms"> <img src="http://65.media.tumblr.com/b3ac2c76095886707f120bf775064c0e/tumblr_inline_ogc2a2iUhT1rwrsi4_100.png"></a>
  183.  
  184.  
  185. </div>
  186.  
  187. <div id="bio">
  188.  
  189. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel orci sed odio pretium dictum. Pellentesque et pulvinar tellus. Fusce fringilla iaculis tempor. Praesent suscipit nisi et elit vestibulum ultrices. Morbi scelerisque iaculis massa at elementum. Integer feugiat pellentesque felis id facilisis. Maecenas eget efficitur est.<p>
  190.  
  191. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel orci sed odio pretium dictum. Pellentesque et pulvinar tellus. Fusce fringilla iaculis tempor. Praesent suscipit nisi et elit vestibulum ultrices. Morbi scelerisque iaculis massa at elementum. Integer feugiat pellentesque felis id facilisis. Maecenas eget efficitur est.
  192.  
  193. </div>
  194.  
  195. <div id="credit"><a href="http://shxnr.tumblr.com/">shiner</a></div>
  196.  
  197. </body>
  198. </html>
Advertisement
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!