API tools faq
paste
spockseyebrows

Biography - Page #02 - HolyEnochianThemes.tumblr.com

spockseyebrows
Feb 4th, 2014
518
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.19 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.  
  5. ***************** THEME BY KALYN AT HOLYENOCHIAN.TUMBLR.COM ****************
  6.  
  7. • • Rules • •
  8. YOU MAY
  9. - edit the code
  10. YOU MAY NOT
  11. - remove or hide the credit
  12. - move the credit to a secondary page
  13. - copy, steal, redistribute, or claim my themes as your own
  14. - use any of my themes as a base code
  15. - take parts of my codes for your own themes
  16. IT WOULD BE APPRECIATED IF YOU
  17. - liked or reblogged the theme post
  18.  
  19. • • Info • •
  20. If you break any of the rules above I will find you, tear of your genitals, puree them, and make you drink them.
  21.  
  22. • • Help • •
  23. Okay I get quite a few HTML help questions regularly so if you need help with something, here are the guidelines:
  24. - try google first, it could be the solution to your problems
  25. - i will try help you (obvs) but on my own time
  26.  
  27. ---->
  28.  
  29. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30.  
  31. <head>
  32.  
  33. <title>{Title}</title>
  34.  
  35. <link rel="shortcut icon" href="{Favicon}">
  36.  
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  38.  
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46. a {
  47. color:#3b3b3b;
  48. text-decoration:none;
  49. outline:none;
  50. opacity:1;
  51. -webkit-transition: all 0.8s;
  52. -moz-transition: all 0.8s;
  53. transition: all 0.8s;
  54. }
  55.  
  56. a:hover {
  57. color:#3b3b3b;
  58. -webkit-transition: all 0.8s;
  59. -moz-transition: all 0.8s;
  60. transition: all 0.8s;
  61. }
  62.  
  63. /* SCROLLBAR */
  64.  
  65. ::-webkit-scrollbar {
  66. width: 10px;
  67. height:10px;
  68. background:#f8f8f8;
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb{
  72. background:#555;
  73. border:4px solid #f8f8f8;
  74. }
  75.  
  76. body{
  77. background:#fff;
  78. margin:0px;
  79. color:#888;
  80. font-size:10px;
  81. font-family:baskerville;
  82. }
  83.  
  84. #all {
  85. margin-left:50%;
  86. margin-top:220px;
  87. }
  88.  
  89. #about {
  90. border:3px double #c4c4c4;
  91. width:160px;
  92. font-size:11px;
  93. overflow:auto;
  94. font-family:baskerville;
  95. height:200px;
  96. color:#555555;
  97. padding:4px;
  98. text-align:left;
  99. background:#F8F8F8;
  100. }
  101.  
  102. #header {
  103. border:3px double #c4c4c4;
  104. width:340px;
  105. padding:4px;
  106. height:69px;
  107. margin-left:-180px;
  108. margin-top:-100px;
  109. margin-bottom:5px;
  110. background:#f8f8f8;
  111. font-size:20px;
  112. font-family:baskerville;
  113. text-align:center;
  114. text-transform:lowercase;
  115. letter-spacing:4px;
  116. }
  117.  
  118. #pic img {
  119. width:160px;
  120. height:200px;
  121. border:3px double #c4c4c4;
  122. padding:4px;
  123. margin-left:-180px;
  124. margin-top:-214px;
  125. background:#F8F8F8;
  126. }
  127.  
  128. #pic:hover #links {
  129. opacity:.9;
  130. -webkit-transition: all 0.8s;
  131. -moz-transition: all 0.8s;
  132. transition: all 0.8s;
  133. }
  134.  
  135. #links {
  136. height:179px;
  137. width:130px;
  138. padding:4px;
  139. background:#f8f8f8;
  140. margin-top:-200px;
  141. margin-left:-162px;
  142. text-align:center;
  143. font-style:italic;
  144. opacity:0;
  145. -webkit-transition: all 0.8s;
  146. -moz-transition: all 0.8s;
  147. transition: all 0.8s;
  148. }
  149.  
  150. #links a {
  151. font-family:baskerville;
  152. letter-spacing:1px;
  153. font-size:16px;
  154. text-align:center;
  155. line-height:30px;
  156. -webkit-transition: all 0.5s;
  157. -moz-transition: all 0.5s;
  158. transition: all 0.5s;
  159. }
  160.  
  161. #links a:hover {
  162. letter-spacing:4px;
  163. -webkit-transition: all 0.5s;
  164. -moz-transition: all 0.5s;
  165. transition: all 0.5s;
  166. }
  167.  
  168. #hob {
  169. border:3px double #c4c4c4;
  170. width:340px;
  171. padding:4px;
  172. padding-top:8px;
  173. height:74px;
  174. margin-left:-180px;
  175. font-size:13px;
  176. font-family:baskerville;
  177. color:#303030;
  178. margin-top:5px;
  179. background:#F8F8F8;
  180. }
  181.  
  182. #hob k {
  183. color:#fff;
  184. background:#3d3d3d;
  185. font-family:baskerville;
  186. font-size:14px;
  187. text-transform:lowercase;
  188. letter-spacing:1px;
  189. padding:2px;
  190. line-height:13px;
  191. }
  192.  
  193. x {
  194. line-height:30px;
  195. }
  196.  
  197. #credit {
  198. position:fixed;
  199. right:0px;
  200. bottom:0px;
  201. padding:5px;
  202. padding-top:3px;
  203. text-transform:uppercase;
  204. font-style:none;
  205. font-family:arial;
  206. letter-spacing:2px;
  207. font-size:10px;
  208. margin-bottom:3px;
  209. margin-right:0px;
  210. text-shadow:3px 0px 3px transparent, -3px 0px 3px transparent;
  211. background: #fff;
  212. -moz-transition-duration:1s;
  213. -webkit-transition-duration:1s;
  214. -o-transition-duration:1s;
  215. }
  216.  
  217. #credit a {
  218. color:#B1B1B1;
  219. background:#fff;
  220. padding:5px;
  221. text-shadow:3px 0px 3px transparent, -3px 0px 3px transparent;
  222. -moz-transition-duration:1s;
  223. -webkit-transition-duration:1s;
  224. -o-transition-duration:1s;
  225. }
  226.  
  227. #credit a:hover {
  228. color:#fff;
  229. text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 70px #000, 0 0 80px #000, 0 0 100px #000, 0 0 150px #000;
  230. -moz-transition-duration:1s;
  231. -webkit-transition-duration:1s;
  232. -o-transition-duration:1s;
  233. }
  234.  
  235. {CustomCSS}</style></head><body>
  236.  
  237. <div id="all">
  238.  
  239. <div id="header">
  240. <br>
  241. biography
  242. </div>
  243.  
  244. <div id="about">
  245. <!------------------- THIS IS WHERE YOU WRITE YOUR STUFF ------------------>
  246.  
  247. You got the lights on in the afternoon
  248. And the nights are drawn out long
  249. And you're kissing to cut through the gloom
  250. With a cough drop coloured tongue
  251. And you were sitting in the corner with the coats all piled high
  252. And I thought you might be mine
  253. In a small world on an exceptionally rainy Tuesday night
  254. In the right place and time
  255. <p>
  256. When the zeros line up on the 24 hour clock
  257. When you know who's calling even though the number is blocked
  258. When you walked around your house wearing my sky blue Lacoste
  259. And your knee socks
  260.  
  261. <p>- <i>Knee Socks</i> by Arctic Monkeys
  262.  
  263. <!----------------------------------- END --------------------------------->
  264. </div>
  265.  
  266. <div id="pic">
  267. <!-------- THIS IS WHERE YOUR IMAGE WILL GO. IF YOU DON'T KNOW HOW TO CHANGE
  268. AN IMAGE OF THIS TYPE, LET ME KNOW AND I WILL HELP. ------------------->
  269.  
  270. <img src="http://static.tumblr.com/4qjamle/NV9n0gitj/bing.png">
  271.  
  272. <!------------------------------- IMAGE END ------------------------------->
  273.  
  274. <div id="links">
  275. <x><br></x>
  276. <!-------------------------- THESE ARE YOUR LINKS ------------------------->
  277.  
  278. <a href="/">home</a>
  279. <br><a href="/ask">ask</a>
  280. <br><a href="/">link 1</a>
  281. <br><a href="/">link 2</a>
  282.  
  283. <!----------------------------------- END --------------------------------->
  284. <br>
  285. </div>
  286. </div>
  287. <div id="hob">
  288. <k>name;</k>
  289. <!------------------------------- YOUR NAME ------------------------------->
  290.  
  291. alex turner
  292.  
  293. <!---------------------------------- END ---------------------------------->
  294.  
  295. <p><k>age;</k>
  296.  
  297. <!------------------------------- YOUR AGE -------------------------------->
  298.  
  299. twenty-eight
  300.  
  301. <!---------------------------------- END ---------------------------------->
  302. <p><k>birthday;</k>
  303. <!----------------------------- YOUR BIRTHDAY ----------------------------->
  304.  
  305. january 6th
  306.  
  307. <!---------------------------------- END ---------------------------------->
  308. </div>
  309.  
  310. </div>
  311. <!------------------------ DO NOT REMOVE THE CREDIT ----------------------->
  312. <div id="credit"><a href="http://holyenochian.tumblr.com" target="_blank">
  313. KM</a></div>
  314.  
  315. </body></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!