Advertisement
Guest User

Page #04 - F.A.Q. Page - HolyEnochian.tumblr.com

a guest
Feb 15th, 2014
454
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 KB | None | 0 0
  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 {
  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. #hob {
  129. border:3px double #c4c4c4;
  130. width:340px;
  131. padding:4px;
  132. padding-top:8px;
  133. height:74px;
  134. margin-left:-180px;
  135. font-size:13px;
  136. font-family:baskerville;
  137. color:#303030;
  138. margin-top:5px;
  139. background:#F8F8F8;
  140. }
  141.  
  142. #links a {
  143. display:inline-block;
  144. width:100px;
  145. margin-top:5px;
  146. background-color:#aaaaaa;
  147. color:white;
  148. line-height:255%;
  149. margin-left:8.5px;
  150. text-decoration:none;
  151. text-align:center;
  152. text-transform:lowercase;
  153. font-family:baskerville;
  154. font-size:11px;
  155. letter-spacing:3px;
  156. -moz-transition-duration:0.5s;
  157. -webkit-transition-duration:0.5s;
  158. -o-transition-duration:0.5s;
  159. }
  160.  
  161. #links a:hover {
  162. background-color:#7A7A7A;
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168.  
  169. x {
  170. line-height:30px;
  171. }
  172.  
  173. #credit {
  174. position:fixed;
  175. right:0px;
  176. bottom:0px;
  177. padding:5px;
  178. padding-top:3px;
  179. text-transform:uppercase;
  180. font-style:none;
  181. font-family:arial;
  182. letter-spacing:2px;
  183. font-size:10px;
  184. margin-bottom:3px;
  185. margin-right:0px;
  186. text-shadow:3px 0px 3px transparent, -3px 0px 3px transparent;
  187. background: #fff;
  188. -moz-transition-duration:1s;
  189. -webkit-transition-duration:1s;
  190. -o-transition-duration:1s;
  191. }
  192.  
  193. #credit a {
  194. color:#B1B1B1;
  195. background:#fff;
  196. padding:5px;
  197. text-shadow:3px 0px 3px transparent, -3px 0px 3px transparent;
  198. -moz-transition-duration:1s;
  199. -webkit-transition-duration:1s;
  200. -o-transition-duration:1s;
  201. }
  202.  
  203. #credit a:hover {
  204. color:#fff;
  205. 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;
  206. -moz-transition-duration:1s;
  207. -webkit-transition-duration:1s;
  208. -o-transition-duration:1s;
  209. }
  210.  
  211. #qs {
  212. text-align:left;
  213. border-bottom:1px solid #c4c4c4;
  214. font-size:12px;
  215. letter-spacing:2px;
  216. font-family:baskerville;
  217. margin-bottom:4px;
  218. margin-top:4px;
  219. text-transform:justify;
  220. font-style:italic;
  221. padding:2px;
  222. }
  223.  
  224. #as {
  225. text-align:right;
  226. font-size:10px;
  227. letter-spacing:1px;
  228. font-family:baskerville;
  229. padding:3px;
  230. }
  231.  
  232. #as a {
  233. color:#4B4B4B;
  234. letter-spacing:2px;
  235. -webkit-transition: all 0.5s;
  236. -moz-transition: all 0.5s;
  237. transition: all 0.5s;
  238. }
  239.  
  240. #as a:hover {
  241. letter-spacing:6px;
  242. -webkit-transition: all 0.5s;
  243. -moz-transition: all 0.5s;
  244. transition: all 0.5s;
  245. }
  246.  
  247. {CustomCSS}</style></head><body>
  248.  
  249. <div id="all">
  250.  
  251. <div id="header">
  252. <br>
  253. message
  254. </div>
  255.  
  256. <div id="about">
  257. <!--------------------- THIS IS WHERE YOU DO YOU TAGS --------------------->
  258. <div id="qs">Q: Want me to knit you a skin sweater?</div>
  259. <div id="as">
  260. Holy crap, that's so thoughtful of you. However, I currently don't have a P.O. Box set up, therefore I can't take presents. I'm sorry.
  261. </div>
  262.  
  263.  
  264. <div id="qs">Q: I really like your face, can I have it?</div>
  265. <div id="as">
  266. Currently it's not for sale but when I do pass away, I'll let you know and it's all yours.
  267. </div>
  268.  
  269. <div id="qs">Q: How many times have you been electrocuted?</div>
  270. <div id="as">
  271. Alas, it turns out my face is going on the market afterall. It seems I've been electrocuted one too many times.
  272. </div>
  273.  
  274. <!----------------------------------- END --------------------------------->
  275. </div>
  276.  
  277. <div id="pic">
  278. <!------------------ THIS IS WHERE YOUR ASK BOX WILL GO ------------------->
  279.  
  280. <iframe frameborder="0" scrolling="yes" width="160px" height="200px" src="http://www.tumblr.com/ask_form/YOURURLHERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  281.  
  282. <!--------------------------------- ASK END ------------------------------->
  283. </div>
  284. <div id="hob">
  285.  
  286. <!------------------- THIS IS WHERE YOUR MAIN LINKS GO -------------------->
  287.  
  288. <div id="links">
  289. <a href="/">home</a>
  290. <a href="/">link</a>
  291. <a href="/">link</a>
  292. <a href="/">link</a>
  293. <a href="/">link</a>
  294. <a href="/">link</a>
  295. </div>
  296. </div>
  297.  
  298. <!---------------------------------- END ---------------------------------->
  299.  
  300.  
  301. <!------------------------ DO NOT REMOVE THE CREDIT ----------------------->
  302. <div id="credit"><a href="http://holyenochian.tumblr.com" target="_blank">
  303. KM</a></div>
  304.  
  305. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement