Advertisement
catchthesunx

hufflepuff #2 by jeremyfuckingmckinnon

Feb 17th, 2013
1,485
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.86 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6.  
  7. <!-- COLOURS -->
  8. <meta name="color:Background" content="#f5f0e6"/>
  9. <meta name="image:Background" content="" />
  10. <meta name="color:left" content="#2f2731"/>
  11. <meta name="color:middle" content="#fbf6ea"/>
  12. <meta name="color:headercolor" content="#2f2731"/>
  13. <meta name="color:headerbg2" content="#6e3d98" />
  14. <meta name="color:Text" content="#acacac"/>
  15. <meta name="color:abouttext" content="#acacac"/>
  16. <meta name="font:links" content="georgia" />
  17. <meta name="color:links" content="#c5a03c" />
  18. <meta name="color:links hover" content="#666666" />
  19.  
  20.  
  21. <meta name="color:nav" content="#c5a03c"/>
  22. <meta name="color:navhover" content="#666666"/>
  23. <meta name="color:navbackground" content="#2f2731"/>
  24. <meta name="color:navbg" content="#2f2731"/>
  25. <meta name="color:navbg2" content="#2f2731"/>
  26.  
  27. <meta name="color:postdetails" content="#2f2731"/>
  28. <meta name="color:pdlinks" content="#c5a03c"/>
  29. <meta name="color:pdlinks2" content="#666666"/>
  30. <meta name="color:pdbg2" content="#dadada"/>
  31.  
  32. <meta name="color:tags" content="#c5a03c"/>
  33. <meta name="color:tagshover" content="#666666"/>
  34. <meta name="color:tagsbg2" content="#c5a03c"/>
  35.  
  36. <meta name="color:ask" content="#f5f0e6" />
  37. <meta name="color:bold" content="#171318" />
  38. <meta name="color:underline" content="#dadada" />
  39. <meta name="color:italic" content="#c5a03c" />
  40. <meta name="color:strikethrough" content="#acacac" />
  41.  
  42. <meta name="font:Body" content="georgia"/>
  43. <meta name="font:header" content="georgia"/>
  44. <meta name="font:navlinkfont" content="georgia"/>
  45. <meta name="font:pdfont" content="georgia"/>
  46. <meta name="font:bold" content="trebuchet ms"/>
  47. <meta name="font:underline" content="trebuchet ms"/>
  48. <meta name="font:italic" content="trebuchet ms"/>
  49. <meta name="font:strikethrough" content="trebuchet ms"/>
  50.  
  51. <meta name="if:Enable Jump Pagination" content="1" />
  52. <meta name="description" content="{MetaDescription}" />
  53. <meta name="if:Show tags" content="0"/>
  54. <meta name="if:Show userimage" content="0"/>
  55. <META name="image:userimage" content="http://static.tumblr.com/kbjq5hs/gesmejkrk/fwabout.jpg">
  56.  
  57. <style type="text/css">
  58.  
  59. body {
  60. background-color: {color:Background};
  61. background-image:url({image:Background});
  62. background-repeat: no-repeat;
  63. background-attachment: fixed;
  64. background-position: right bottom;
  65. color: {color:Text};
  66. font-family: {font:Body};
  67. font-size: 9px;
  68. padding-top:0px;
  69. text-transform:{text:Body Text transform};}
  70.  
  71. a, a:link, a:visited { color: {color:links};
  72. font-family: {font:links};
  73. font-size: 9px;
  74. text-transform: uppercase;
  75. text-decoration: none;
  76. background-color:{color:none};
  77. margin-bottom:0px;
  78. padding-bottom:0px;
  79. margin-bottom:0px;
  80. letter-spacing:0px;}
  81.  
  82. a:hover {color: {color:links hover}; background-color:{color:linksbg2}; font-family: {font:links};
  83. text-decoration:none;
  84. font-size: 9px;
  85. text-transform: uppercase;}
  86.  
  87. .h1 {font: 15px {font:header}; color: {color:headercolor2}; background-color:{color:transparent}; line-height: 10px; text-transform: uppercase; letter-spacing:3px;display:block;padding:0px;}
  88.  
  89. #navbackground { background-color: {color:left}; overflow: auto; width: 50px; top: 0px; left: 200px; height: 100%; float:left; position: absolute;position: fixed; overflow: auto; padding: 0px; padding-top: 10px; padding-right: 0px; padding-left: 0px; margin-top:0px; margin-bottom:0px; text-align:justify; color: {color:abouttext}; font: 9px {font:Body}; letter-spacing: 2px; border:0px solid {color:postdetails};
  90. }
  91.  
  92. #portrait {top: 140px; left: 72px; float:left; position: absolute; position:fixed; overflow: auto; width: 128px; height: 128px; background-image: url({PortraitURL-128});
  93. z-index:1; -moz-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius-topright: 50px;
  94. -webkit-border-top-right-radius: 0px;
  95. -webkit-border-bottom-right-radius: 0px;
  96. }
  97.  
  98. #navlinks { float:right; background-color: {color:}; top:412px; left: 106px; float:left; position: absolute; margin:auto; overflow: hidden; padding:0px; padding-top: 0px; padding-left: 0px; margin-top:0px; margin-bottom:3px; text-align:centre; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px; text-align:center; position: fixed;
  99. z-index:999;
  100. }
  101.  
  102. #navbackground2 { background-color: {color:left}; overflow: auto; width: 150px; top: 400px; left: 100px; height: 86px; float:left; position: absolute; overflow: auto; padding: 0px; padding-top: 10px; padding-right: 0px; padding-left: 0px; margin-top:0px; margin-bottom:0px; text-align:justify; color: {color:abouttext}; font: 9px {font:Body}; letter-spacing: 2px; border:0px solid {color:postdetails}; position: fixed;
  103. z-index:1; -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
  104. -moz-border-radius-bottomleft: 30px; -webkit-border-bottom-left-radius: 30px;
  105. -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px;
  106. -moz-border-radius-topleft: 30px; -webkit-border-top-left-radius: 30px;
  107. }
  108.  
  109. #about { background-color: {color:left}; overflow: auto; width: 250px; top: 250px; left: 245px; float:left; position: absolute; overflow: auto; padding: 0px; padding-top: 10px; padding-right: 0px; padding-left: 3px; margin-top:0px; margin-bottom:0px; text-align:justify; color: {color:abouttext}; font: 9px {font:Body}; letter-spacing: 2px; border:0px solid {color:postdetails}; position: fixed;
  110. z-index:1; -moz-border-radius-bottomright: 30px; -webkit-border-bottom-right-radius: 30px;
  111. -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px;
  112. }
  113.  
  114. #middle {background-color: {color:transparent}; width: 520px; top: 10px; left: 505px; position: absolute; margin:auto; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px;}
  115.  
  116. #middle2 {background-color: {color:middle}; width: 500px; top: 10px; left: 605px; padding:10px; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px; border:0px solid {color:postdetails};}
  117.  
  118.  
  119. #navigate { float:right; background-color: {color:}; bottom:0%; left: 1035px; float:left; position: absolute; position: fixed; margin:auto; overflow: hidden; padding:0px; padding-top: 0px; padding-left: 0px; margin-top:0px; margin-bottom:0px; text-align:centre; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px; text-align:center;}
  120.  
  121.  
  122.  
  123. B{color:{color:bold}; background:#; font-family: {font:bold}; font-size:9px; text-shadow: 0px 0px 0px #000; letter-spacing:0px; font-weight:bold; text-transform:uppercase; text-decoration:none; font-style:none; letter-spacing:2px;}
  124.  
  125. I{color:{color:italic}; background:#; font-family: {font:italic}; font-size:9px; text-shadow: 0px 0px 0px #000; letter-spacing:0px; font-weight:none; text-transform:uppercase; text-decoration:none; font-style:italic;}
  126.  
  127. S{color:{color:strikethrough}; background:#; font-family: {font:strikethrough}; font-size:9px; text-shadow: 0px 0px 0px #000; letter-spacing:0px; font-weight:none; text-transform: uppercase; text-decoration:none; font-style:normal;}
  128.  
  129. U{color:{color:underline}; background:#; font-family: {font:underline}; font-size:9px; text-shadow: 0px 0px 0px #000; letter-spacing:0px; font-weight:none; text-transform:uppercase; text-decoration:underline; font-style:;}
  130.  
  131.  
  132.  
  133.  
  134. #description {margin-bottom:5px; margin-top:0px;}
  135.  
  136.  
  137. #postdetails {font: 8px;
  138. background-color:{color:postdetails};
  139. border-bottom:0px solid {color:links};
  140. margin-bottom:0px;
  141. margin-top:0px;
  142. padding:0px; padding-top: 0px; padding-left: 0px; padding-bottom: 1px;
  143. text-align:right;
  144. letter-spacing:3px;
  145. line-height:11px;
  146. border-right:0px solid {color:pdborder};
  147. }
  148.  
  149. #tags {font: 8px;
  150. background-color:{color:postdetails};
  151. border-bottom:0px solid {color:links};
  152. margin-bottom:10px;
  153. margin-top:0px;
  154. padding:3px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px;
  155. text-align:right;
  156. letter-spacing:3px;
  157. border-bottom:0px dashed {color:pdborder};
  158. }
  159.  
  160.  
  161. a.nextback:link, a.nav:active, a.nav:visited{
  162. font-size: 60px;
  163. font-family: {font:pdfont};
  164. border-bottom: 0px solid {color:left};
  165. color:{color:pdlinks};
  166. margin-bottom:0px;
  167. padding-bottom:0px;
  168. margin-bottom:0px;
  169. letter-spacing:0px;
  170. text-transform: uppercase;}
  171.  
  172. a.nextback:hover{ background-color:{color:pgbg2};
  173. color:{color:pdlinks2};}
  174.  
  175. a.pdlink:link, a.nav:active, a.nav:visited{
  176. font-size: 9px;
  177. font-family: {font:pdfont};
  178. border-bottom: 0px solid {color:left};
  179. color:{color:pdlinks};
  180. margin-bottom:0px;
  181. padding-bottom:0px;
  182. margin-bottom:0px;
  183. letter-spacing:0px;
  184. text-transform:lowercase;}
  185.  
  186. a.pdlink:hover{ background-color:{color:pgbg2};
  187. color:{color:pdlinks2};}
  188.  
  189. a.tags:link, a.nav:active, a.nav:visited{
  190. font-size: 9px;
  191. font-family: {font:pdfont};
  192. border-bottom: 0px solid {color:left};
  193. color:{color:pdlinks2};
  194. margin-bottom:0px;
  195. padding-bottom:0px;
  196. margin-bottom:0px;
  197. letter-spacing:5px;
  198. text-transform: uppercase;}
  199.  
  200. a.tags:hover{ background-color:{color:tagsbg2};
  201. color:{color:tagshover};}
  202.  
  203. a.nav:link, a.nav:active, a.nav:visited{
  204. font-size: 9px;
  205. line-height:12px;
  206. display: block;
  207. font-weight:none;
  208. font-family: {font:navlinkfont};
  209. color:{color:nav};
  210. background-color:{color:navbg};
  211. padding:0px;
  212. padding-left:50px;
  213. padding-right:0px;
  214. margin-bottom:3px;
  215. letter-spacing:0px;
  216. text-align:right;
  217. border-bottom: 1px solid {color:Text};
  218. text-transform:uppercase;}
  219.  
  220. a.nav:hover{background-color:{color:navbg2};
  221. color:{color:navhover};
  222. font-size:9px;
  223. border-left:0px solid {color:links};
  224. text-transform:uppercase;
  225. padding-right:0px;
  226. -webkit-transition: all 0.5s ease-in;
  227. -moz-transition: all 0.5s ease-in;
  228. -o-transition: all 0.5s ease-in;
  229. -ms-transition: all 0.5s ease-in;
  230. transition: all 0.5s ease-in;
  231. }
  232.  
  233. .posttitle, .posttitle a {font: 15px {font:header}; color:{color:headercolor};
  234. letter-spacing:0px;
  235. text-align: ;
  236. text-transform: none;
  237. margin-bottom:0px;
  238. padding-bottom:0px;
  239. margin-bottom:0px;
  240. letter-spacing:8px;}
  241.  
  242. a.posttitle:hover{
  243. background-color:{color:middle};
  244. color:{color:links hover};}
  245.  
  246.  
  247. .ask {background-color:{color:ask}; padding:5px; font-family: {font:Title}; font-size: 9px; line-height: 12px; text-transform: uppercase; letter-spacing:2px;}
  248. .ask a {font-family: {font:Title}; font-size: 8px; line-height: 16px; text-transform: uppercase; letter-spacing:5px;color:{color:Links};}
  249. .ask a:hover {color:{color:linkshover}; background-color:{linksbg2};}
  250. .ques a:hover {color: {color:linkshover}; background-color:{linksbg2};}
  251.  
  252.  
  253. ::-webkit-scrollbar { width: 15px; height: 0px; }
  254. ::-webkit-scrollbar-button:start:decrement,
  255. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #F9F3F3; }
  256. ::-webkit-scrollbar-track-piece { background: #F9F3F3; }
  257. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: #F5E9E9; }
  258. ::-webkit-scrollbar-thumb:hover { background-color: #F5E9E9; }
  259.  
  260.  
  261. </style>
  262.  
  263.  
  264. </head>
  265.  
  266.  
  267. <body>
  268.  
  269. <div id="navigate">
  270. {block:PreviousPage}<a href="{PreviousPage}" class="nextback">&#8592;</a>{/block:PreviousPage}
  271. {block:NextPage}<a href="{NextPage}" class="nextback">&#8594;</a>{/block:NextPage}
  272. </div>
  273.  
  274.  
  275. <div id="navbackground"></div>
  276. <div id="navbackground2"></div>
  277.  
  278. <div id="portrait"></div>
  279.  
  280.  
  281. <div id="navlinks"><a href="/" class="nav">Home</a>
  282. <a href="/ask" class="nav">Ask</a>
  283. <a href="/archive" class="nav">Archive</a>
  284. <a href="http://jeremyfuckingmckinnon.tumblr.com/" class="nav">Theme</a>
  285. </div>
  286.  
  287.  
  288.  
  289. <div id="about">
  290. {block:Description}
  291. <p id="description">{Description}</p>
  292. </div>
  293.  
  294.  
  295. <div id="middle">
  296. {block:Posts}
  297.  
  298. <div id="postdetails"><a href="{Permalink}" class="pdlink">{NoteCount} notes</a> &#149; <a href="{Permalink}" class="pdlink"> {TimeAgo}</a>{/Block:NoteCount} &#149; {block:IndexPage}<a href="{ReblogURL}" target="_blank" class="pdlink">Reblog</a>{/block:IndexPage}</div>
  299.  
  300. <div id="middle2">
  301.  
  302. {block:Text}
  303. {block:Title}<div class="posttitle"><a href="{Permalink}" class="posttitle">{Title}</a></div>{/block:Title}{Body}{/block:Text}
  304.  
  305. {block:Photo}
  306. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  307. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  308. <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0">
  309. {block:IndexPage}</a>{/block:IndexPage}
  310. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  311. {block:Caption}{Caption}{/block:Caption}
  312. {/block:Photo}
  313.  
  314. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  315.  
  316.  
  317. {block:Quote}
  318. <i>"{Quote}"</i>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  319.  
  320. {block:Link}
  321. <div class="posttitle"><a href="{Permalink}" class="posttitle">{Name}</a></div>
  322. {block:Description}
  323. <div class="description">{Description}</div>{/block:Description}
  324. {/block:Link}
  325.  
  326.  
  327. {block:Chat}
  328. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  329. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  330. {block:Label}<span class="label">{Label}</span>{/block:Label}
  331. {Line}</li>{/block:Lines}</ul></li>
  332. {/block:Chat}
  333.  
  334.  
  335. {block:Video}
  336. {Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  337. {/block:Video}
  338.  
  339.  
  340. {block:Audio}{AudioPlayerBlack}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  341.  
  342.  
  343. {block:Answer} <div class="ask"> {Asker}: <b>{Question}</b></div>{Answer}{/block:Answer}
  344.  
  345.  
  346.  
  347.  
  348. {block:PostNotes} {PostNotes} {/block:PostNotes}
  349.  
  350. </div>
  351.  
  352. <div id="tags">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}" class="tags">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}</div>
  353.  
  354. {/block:Posts}
  355.  
  356. <center>theme by <a href="http://jeremyfuckingmckinnon.tumblr.com">jeremyfuckingmckinnon</a></center>
  357. </div>
  358.  
  359. <a href="http://jeremyfuckingmckinnon.tumblr.com"><img style="position: absolute; right:5px; top:25px; border:0px;" src="http://static.tumblr.com/kbjq5hs/Uxgm4db5q/themecredit.png"></a>
  360.  
  361. </body>
  362. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement