API tools faq
paste
Advertisement
spockseyebrows

Page #03 - Navigation Page 2 - HolyEnochian.tumblr.com

spockseyebrows
Feb 15th, 2014
940
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.90 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. #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. #sub {
  212. text-align:center;
  213. border-bottom:1px solid #c4c4c4;
  214. font-size:14px;
  215. letter-spacing:2px;
  216. font-family:baskerville;
  217. margin-bottom:4px;
  218. margin-top:4px;
  219. text-transform:uppercase;
  220. }
  221.  
  222. #tags {
  223. text-align:center;
  224. font-size:12px;
  225. letter-spacing:1px;
  226. font-family:baskerville;
  227. text-transform:lowercase;
  228. padding:3px;
  229. }
  230.  
  231. #tags a {
  232. color:#4B4B4B;
  233. font-style:italic;
  234. letter-spacing:2px;
  235. -webkit-transition: all 0.5s;
  236. -moz-transition: all 0.5s;
  237. transition: all 0.5s;
  238. }
  239.  
  240. #tags 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. navigation
  254. </div>
  255.  
  256. <div id="about">
  257. <!--------------------- THIS IS WHERE YOU DO YOU TAGS --------------------->
  258. <div id="sub">SUBTITLE</div>
  259. <div id="tags"><center>
  260. <a href="/tagged/">tag</a>
  261. <br><a href="/tagged/">tag</a>
  262. <br><a href="/tagged/">tag</a>
  263. <br><a href="/tagged/">tag</a>
  264. <br><a href="/tagged/">tag</a>
  265. <br><a href="/tagged/">tag</a>
  266. <br>
  267. </center>
  268. </div>
  269.  
  270.  
  271. <div id="sub">SUBTITLE</div>
  272. <div id="tags"><center>
  273. <a href="/tagged/">tag</a>
  274. <br><a href="/tagged/">tag</a>
  275. <br><a href="/tagged/">tag</a>
  276. <br><a href="/tagged/">tag</a>
  277. <br><a href="/tagged/">tag</a>
  278. <br><a href="/tagged/">tag</a>
  279. <br>
  280. </center>
  281. </div>
  282.  
  283. <!----------------------------------- END --------------------------------->
  284. </div>
  285.  
  286. <div id="pic">
  287. <!-------- THIS IS WHERE YOUR IMAGE WILL GO. IF YOU DON'T KNOW HOW TO CHANGE
  288. AN IMAGE OF THIS TYPE, LET ME KNOW AND I WILL HELP. ------------------->
  289.  
  290. <img src="http://static.tumblr.com/4qjamle/NV9n0gitj/bing.png">
  291.  
  292. <!------------------------------- IMAGE END ------------------------------->
  293. </div>
  294. <div id="hob">
  295.  
  296. <!------------------- THIS IS WHERE YOUR MAIN LINKS GO -------------------->
  297.  
  298. <div id="links">
  299. <a href="/">home</a>
  300. <a href="/ask">ask</a>
  301. <a href="/">link</a>
  302. <a href="/">link</a>
  303. <a href="/">link</a>
  304. <a href="/">link</a>
  305. </div>
  306. </div>
  307.  
  308. <!---------------------------------- END ---------------------------------->
  309.  
  310.  
  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
Advertisement
Public Pastes
Advertisement
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!