Advertisement
catchthesunx

the hourglass by jeremyfuckingmckinnon

Jan 22nd, 2012
630
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.58 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="#FCF8F2"/>
  9. <meta name="image:Background" content="" />
  10. <meta name="color:navborder" content="transparent"/>
  11. <meta name="color:navbg" content="#FDF6F2"/>
  12. <meta name="color:navbg2" content="#FDF6F2"/>
  13. <meta name="color:nav" content="#CDB79B"/>
  14. <meta name="color:navhover" content="#CDB79B"/>
  15. <meta name="color:postdetails" content="#F9F0E4"/>
  16. <meta name="color:pdborder" content="#CDB79B"/>
  17. <meta name="color:pdlinks" content="#CDB79B"/>
  18. <meta name="font:header" content="georgia"/>
  19. <meta name="font:pdfont" content="trebuchet ms"/>
  20. <meta name="font:navlinkfont" content="georgia"/>
  21. <meta name="color:headercolor" content="#CDB79B"/>
  22. <meta name="color:middle" content="#FDF6F2"/>
  23. <meta name="color:left" content="#FDF6F2"/>
  24. <meta name="color:aboutbackground" content="#F9F0E4"/>
  25. <meta name="color:Text" content="#757575"/>
  26. <meta name="color:abouttext" content="#757575"/>
  27. <meta name="description" content="{MetaDescription}" />
  28. <meta name="font:Body" content="georgia"/>
  29. <meta name="font:links" content="georgia" />
  30. <meta name="color:links" content="#CDB79B" />
  31. <meta name="color:linksbg" content="#FDF6F2" />
  32. <meta name="color:linksbg2" content="#CDB79B" />
  33. <meta name="color:links hover" content="#FDF7F1" />
  34. <meta name="if:Enable Jump Pagination" content="1" />
  35. <meta name="color:ask" content="#FFF7F8" />
  36. <meta name="if:Show tags" content="0"/>
  37. <META name="image:userpic" content="http://static.tumblr.com/kbjq5hs/o02lw2smx/tumblr_lq2xxhaqge1qbn3f4o1_500.gif">
  38.  
  39. <style type="text/css">
  40. body { background: {color:Background} url('{image:Background}') ;
  41. background-repeat: repeat;
  42. background-attachment: fixed;
  43. background-position: 0% 100%;
  44. color: {color:Text};
  45. font-family: {font:Body};
  46. font-size: 9px;
  47. padding-top:5px;
  48. background-position:top left;
  49. text-transform:{text:Body Text transform};}
  50.  
  51. a, a:link, a:visited { color: {color:links};
  52. font-family: {font:links};
  53. font-size: 9px;
  54. text-transform: none;
  55. text-decoration: none;
  56. background-color:{color:none};
  57. margin-bottom:0px;
  58. padding-bottom:0px;
  59. margin-bottom:0px; }
  60.  
  61. a:hover {color: {color:links hover}; background-color:{color:linksbg2}; font-family: {font:links};}
  62. text-decoration: none;
  63. font-size: 9px; }
  64.  
  65. .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;}
  66.  
  67. #middle {background-color: {color:transparent}; width: 520px; top: 0px; left: 410px; position: absolute; margin:auto; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px;}
  68.  
  69. #middle2 {background-color: {color:middle}; width: 500px; top: 0px; left: 310px; padding:10px; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px;}
  70.  
  71. #aboutbackground { background-color: {color:aboutbackground}; overflow: auto; width: 350px; top: 0px; height:100%; left: 50px; float:left; position: absolute; overflow: auto; padding: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-top:0px; margin-bottom:0px; position:fixed; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 5px; border:0px solid {color:postdetails};}
  72.  
  73. #header { float:right; background-color: {color:none}; width: 298px; top: 137px; left: 75px; float:left; position: absolute; position: fixed; margin:auto; overflow: hidden; padding:0px; padding-top: 0px; padding-left: 0px; margin-top:0px; margin-bottom:3px; text-align:justify; color: {color:headercolor}; font: 7px {font:Body}; letter-spacing: 5px;
  74. text-transform: uppercase; border-bottom:2px solid {color:headercolor};}
  75.  
  76. #navlinks { float:right; background-color: {color:aboutbackground}; width: 150px; top: 150px; left: 75px; float:left; position: absolute; position: fixed; margin:auto; overflow: hidden; padding:0px; padding-top: 0px; padding-left: 0px; margin-top:0px; margin-bottom:3px; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 3px;}
  77.  
  78. #portrait {background-image: url({PortraitURL-40}); width: 143px; top: 150px; left: 230px; height:64px; position: absolute; position: fixed; overflow: auto;}
  79.  
  80. #about { background-color: {color:left}; overflow: auto; width: 298px; top: 218px; left: 75px; float:left; position: absolute; overflow: auto; padding: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; margin-top:0px; margin-bottom:0px; position:fixed; text-align:justify; color: {color:Text}; font: 9px {font:Body}; letter-spacing: 5px; border:0px solid {color:postdetails};}
  81.  
  82.  
  83.  
  84. #description {margin-bottom:5px; margin-top:0px;}
  85.  
  86.  
  87. #postdetails {font: 8px;
  88. background-color:{color:postdetails};
  89. border-bottom:0px solid {color:links};
  90. display:block;
  91. overflow: auto;
  92. margin-bottom:0px;
  93. margin-top:10px;
  94. padding:3px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px;
  95. text-align:right;
  96. letter-spacing:3px;
  97. border-bottom:0px dashed {color:pdborder};
  98. }
  99.  
  100. #tags {font: 9px;
  101. background-color:{color:middle};
  102. border-bottom:0px solid {color:links};
  103. overflow: auto;
  104. margin-bottom:0px;
  105. margin-top:0px;
  106. padding:0px; padding-top: 0px; padding-left: 0px; padding-bottom: 0px;
  107. text-align:right;
  108. letter-spacing:3px;
  109. border-left:0px solid {color:pdborder};
  110. border-bottom:0px solid {color:pdborder};}
  111.  
  112. a.pdlink:link, a.nav:active, a.nav:visited{
  113. font-size: 8px;
  114. font-family: {font:pdfont};
  115. border-bottom: 0px solid {color:left};
  116. color:{color:pdlinks};
  117. margin-bottom:0px;
  118. padding-bottom:0px;
  119. margin-bottom:0px;
  120. letter-spacing:5px;
  121. text-transform: uppercase;}
  122.  
  123. a.pdlink:hover{ background-color:{color:linksbg2};
  124. color:{color:links hover};}
  125.  
  126. a.nav:link, a.nav:active, a.nav:visited{
  127. font-size: 10px;
  128. font-family: {font:links};
  129. display:block;
  130. color:{color:nav};
  131. background-color:{color:navbg};
  132. padding:0px;
  133. padding-left:0px;
  134. padding-bottom:0px;
  135. padding-top:0px;
  136. margin-bottom:4px;
  137. margin-top:0px;
  138. letter-spacing:0px;
  139. text-transform: uppercase;
  140. text-align:center;
  141. border-right:2px solid {color:navbg2};
  142. border-bottom:0px solid {color:background};
  143. -webkit-transition: all 0.5s ease-in;
  144. -moz-transition: all 0.5s ease-in;
  145. -o-transition: all 0.5s ease-in;
  146. -ms-transition: all 0.5s ease-in;
  147. transition: all 0.5s ease-in;}
  148.  
  149. a.nav:hover{ background-color:{color:navbg2};
  150. color:{color:navhover};
  151. border-left:none;
  152. border-right:10px solid {color:nav};
  153. -webkit-transition: all 0.5s ease-in;
  154. -moz-transition: all 0.5s ease-in;
  155. -o-transition: all 0.5s ease-in;
  156. -ms-transition: all 0.5s ease-in;
  157. transition: all 0.5s ease-in;
  158. opacity:.50;}
  159.  
  160.  
  161. .posttitle, .posttitle a {font: 8px {font:header}; color:{color:links};
  162. letter-spacing:0px; background-color: transparent; text-align: ; text-transform: uppercase; background-color:{color:transparent};
  163. margin-bottom:0px;
  164. padding-bottom:0px;
  165. margin-bottom:0px;
  166. letter-spacing:8px;}
  167.  
  168. a.posttitle:hover{ background-color:{color:linksbg2};
  169. color:{color:links hover};}
  170.  
  171.  
  172. .ask {background-color:{color:ask}; padding:5px; font-family: {font:Title}; font-size: 9px; line-height: 12px; text-transform: uppercase; letter-spacing:2px;}
  173. .ask a {font-family: {font:Title}; font-size: 8px; line-height: 16px; text-transform: uppercase; letter-spacing:5px;color:{color:Links};}
  174. .ask a:hover {color:{color:linksbg}; background-color:{links};}
  175. .ques a:hover {color: {color:linksbg};}
  176.  
  177.  
  178. </style>
  179.  
  180.  
  181. </head>
  182.  
  183.  
  184. <body>
  185.  
  186. <div id="aboutbackground">&nbsp;</div>
  187.  
  188. <div id="header">{Title}</div>
  189.  
  190. <div id="navlinks"><a href="/" class="nav" class="gradualfader">Home</a>
  191. <a href="/ask" class="nav">Ask</a>
  192. <a href="/archive" class="nav">Archive</a>
  193. <a href="http://jeremyfuckingmckinnon.tumblr.com" class="nav">Theme</a>
  194. </div>
  195.  
  196. <div id="portrait">‎&nbsp;</div>
  197.  
  198.  
  199. <div id="about">
  200. {block:Description}
  201. <p id="description">{Description}</p>
  202. {/block:Description}
  203.  
  204. <center><center>{block:PreviousPage}<a href="{PreviousPage}" class="np">&#171; back</a>{/block:PreviousPage}
  205.  
  206. {block:NextPage}<a href="{NextPage}" class="np">next &#187;</a>{/block:NextPage}</center>
  207. </div>
  208.  
  209.  
  210. <div id="middle">
  211.  
  212. {block:Posts}
  213.  
  214. <div id="postdetails">
  215. <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>
  216.  
  217.  
  218. <div id="middle2">
  219.  
  220. {block:Text}
  221. {block:Title}<div class="posttitle"><a href="{Permalink}" class="posttitle">{Title}</a></div>{/block:Title}{Body}{/block:Text}
  222.  
  223. {block:Photo}
  224. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  225. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  226. <img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0">
  227. {block:IndexPage}</a>{/block:IndexPage}
  228. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  229. {block:Caption}{Caption}{/block:Caption}
  230. {/block:Photo}
  231.  
  232. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  233.  
  234.  
  235. {block:Quote}
  236. <i>"{Quote}"</i>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  237.  
  238. {block:Link}
  239. <div class="posttitle"><a href="{Permalink}">{Name}</a></div>
  240. {block:Description}
  241. <div class="description">{Description}</div>{/block:Description}
  242. {/block:Link}
  243.  
  244.  
  245. {block:Chat}
  246. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  247. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  248. {block:Label}<span class="label">{Label}</span>{/block:Label}
  249. {Line}</li>{/block:Lines}</ul></li>
  250. {/block:Chat}
  251.  
  252.  
  253. {block:Video}
  254. {Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  255. {/block:Video}
  256.  
  257.  
  258. {block:Audio}{AudioPlayerBlack}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Audio}
  259.  
  260.  
  261. {block:Answer} <div class="ask"> {Asker}: {Question}</div>
  262. <i>{Answer}</i>{/block:Answer}
  263.  
  264.  
  265. {block:PostNotes} {PostNotes} {/block:PostNotes}
  266. </div>
  267.  
  268.  
  269. <div id="tags">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}" class="pdlink">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}</div>
  270.  
  271. {/block:Posts}
  272.  
  273. <center>theme by <a href="http://jeremyfuckingmckinnon.tumblr.com">jeremyfuckingmckinnon</a></center>
  274. </div>
  275.  
  276. </body>
  277. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement