API tools faq
paste
varst

oshin

varst
Jul 19th, 2013
1,599
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <!---
  6. oshin theme @ varst.tumblr.com
  7. --->
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15.  
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:top background" content="#ffffff" />
  18. <meta name="color:perma border" content="#f3f3f3" />
  19. <meta name="color:border" content="#f3f3f3" />
  20. <meta name="color:font color" content="#000000" />
  21. <meta name="color:link color" content="#000000" />
  22. <meta name="color:title color" content="#000000" />
  23.  
  24. <meta name="if:captions" content="1" />
  25. <meta name="if:tags" content="1">
  26.  
  27. <meta name="text:body font" content="times" />
  28. <meta name="text:title font" content="times" />
  29. <meta name="text:link one" content="link one" />
  30. <meta name="text:link one url" content="link one url" />
  31. <meta name="text:link two" content="link two" />
  32. <meta name="text:link two url" content="link two ul" />
  33. <meta name="text:link three" content="link three " />
  34. <meta name="text:link three url" content="link three url" />
  35. <meta name="text:link four" content="link four" />
  36. <meta name="text:link four url" content="link four url" />
  37. <meta name="text:link five" content="link five" />
  38. <meta name="text:link five url" content="link five url" />
  39.  
  40.  
  41.  
  42. <style>
  43. body{font-size:10px; font-family:{text:body font}; color:{color:font color}; line-height:18px; background:{color:background};}
  44. a {text-decoration:none; color:{color:link color};}
  45.  
  46. .title{font-size:18px;font-family:{text:title font};letter-spacing:-1px;background:{color:background};float:right;padding:5px 5px 4px 5px;font-weight:lighter;text-transform:uppercase;}
  47. .title a{color:{color:title color};}
  48.  
  49. img{padding:3px;background:#f7f7f7;border:1px solid #e2e2e2;}
  50. blockquote{border-left:1px double {color:perma border}; padding-left:5px;}
  51.  
  52. #content{border-left:1px solid {color:border};padding-left:20px;width:490px; margin:auto 200px;}
  53.  
  54. #posts{border-bottom:1px solid {color:border};margin-left:-20px;padding-left:60px;padding-bottom:50px;{block:indexpage}margin-bottom:55px;{/block:indexpage}}
  55.  
  56. #cap{background:{color:background};padding:10px;}
  57.  
  58. .tits {width:auto;width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:10px;margin-right:0px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
  59.  
  60. .nips {text-align:left;font-family:{text:title font};padding-top:5px;padding-bottom:5px;border:1px solid {color:perma border};padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
  61.  
  62. .tits1 {width:auto; height:absolute;position:absolute; display:navigate;float:left; margin-top:2x;margin-left:416px; z-index:1; opacity:0;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;{block:permalinkpage}display:none;{/block:permalinkpage}}
  63.  
  64. .nips2 {text-align:left;font-family:{text:title font};border:1px solid {color:perma border};padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:15px;opacity:0.90;-webkit-transition: all 0.6s ease-in;-moz-transition: all 0.6s ease-in;-o-transition: all 0.6s ease-in;background-color:{color:background};color:black;}
  65.  
  66. .post{ width:400px;}
  67. .post:hover .tits{opacity:1;}
  68. .post:hover .tits1{opacity:1;}
  69. .photoset{padding:1px;background:#f7f7f7;border:1px solid #e2e2e2;width:402px;}
  70. .photoset img{width:400px;}
  71.  
  72. #top{padding:10px;border-bottom:1px solid {color:border};margin-left:-60px;padding-left:70px;margin-bottom:55px;margin-top:60px;}
  73.  
  74. #navi{text-align:right;padding-top:10px;padding-bottom:10px;width:400px;margin-left:35px;}
  75.  
  76. #navi a{font-family:{text:title font}; font-size:11px; text-transform:uppercase; letter-spacing:-1px;padding:1px 0px 1px 0px;}
  77.  
  78. #title{font-size:24px;width:400px;margin-left:23px; font-family:{text:title font}; letter-spacing:-1px;text-transform:uppercase; text-align:right; padding-left:12px;padding-bottom:4px;margin-top:0px;line-height:30px;}
  79.  
  80. #title a{color:{color:title color};background:{color:background};padding:2px 5px 2px 5px;}
  81.  
  82. #info{margin-top:0px;padding:0px 3px 0px 3px;text-align:auto;line-height:18px;text-align:right;width:400px;margin-left:28px;}
  83.  
  84. .quote{font-size:12px;text-transform:uppercase;font-family:{text:title font};letter-spacing:-1px;line-height:20px;text-align:right;padding:3px;}
  85. #source{font-size:10px;font-family:{text:body font};letter-spacing:0px;text-transform:lowercase;text-align:left;padding:10px;}
  86.  
  87. #tags{width:400px;font-size:10px;font-family:{text:body font};text-transform:normal;letter-spacing:0px;background:{color:background}:padding:4px;text-align:center;{block:permalinkpage}text-align:left;width:485px;{/block:permalinkpage}}
  88.  
  89. #pagination{font-size:11px;font-family:{text:title font};letter-spacing:-1px;text-transform:uppercase;text-align:center;padding:10px 10px 50px 10px;}
  90. #pagination a{background:{color:background};padding:2px 5px 1px 5px;}
  91.  
  92. </style>
  93.  
  94. </head>
  95. <body>
  96. <!--Masthead-->
  97. <div id="content">
  98.  
  99.  
  100. <!--Details: portrait, title and description-->
  101. <div id="top">
  102. <div id="title"><a href="/">{Title}</a></div>
  103.  
  104.  
  105. <div id="info">{block:Description}
  106. {Description}
  107. {block:Description}</div>
  108.  
  109. <div id="navi"> &nbsp;
  110. <a href="{text:link one url}">{text:link one}</a> &nbsp;
  111. <a href="{text:link two url}">{text:link two}</a> &nbsp;
  112. <a href="{text:link three url}">{text:link three}</a> &nbsp;
  113. <a href="{text:link four url}">{text:link four}</a> &nbsp;
  114. <a href="{text:link five url}">{text:link five}</a> &nbsp;
  115. </div>
  116. </div>
  117.  
  118.  
  119. <!--Content holder-->
  120.  
  121. {block:Posts}
  122. {block:ContentSource}
  123. <!-- {SourceURL}{block:SourceLogo} <img src="{BlackLogoURL}"
  124. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  125. {/block:SourceLogo}
  126. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  127. {/block:ContentSource}
  128.  
  129. <!--Unique code for each post type-->
  130. <div id="posts">
  131.  
  132. {block:Text}
  133. <div class="post">
  134. {block:indexpage}
  135. <div class="tits1">
  136. <div class="nips2">
  137. <a href="{Permalink}">
  138. {DayofMonth}.{MonthNumber}.{ShortYear}
  139. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  140. </div></div>
  141. {/block:indexpage}
  142. <div class="text">
  143. {block:Title}
  144. <span class="title">
  145. <a href="{Permalink}" style="padding:5px;">{Title}</a>
  146. </span>
  147. {/block:Title}
  148. {Body}
  149. </div>{/block:Text}
  150.  
  151. {block:Photo}
  152. <div class="post">
  153. {block:indexpage}
  154. <div class="tits">
  155. <div class="nips">
  156. <a href="{Permalink}">
  157. {DayofMonth}.{MonthNumber}.{ShortYear}
  158. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  159. </div></div>
  160. {/block:indexpage}
  161. <div class="photo">
  162. {LinkOpenTag}
  163. <a href="{Permalink}">
  164. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  165. {LinkCloseTag}
  166. {block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  167. </div>
  168. {/block:Photo}
  169.  
  170. {block:Photoset}
  171. <div class="post">
  172. {block:indexpage}
  173. <div class="tits">
  174. <div class="nips">
  175. <a href="{Permalink}">
  176. {DayofMonth}.{MonthNumber}.{ShortYear}
  177. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  178. </div></div>
  179. {/block:indexpage}
  180. <div class="photoset" width="400">
  181. {Photoset-400}
  182. {block:ifcaptions}{block:Caption}<div id="cap">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  183. </div>{/block:Photoset}
  184.  
  185. {block:Quote}
  186. <div class="post">
  187. {block:indexpage}
  188. <div class="tits1">
  189. <div class="nips2">
  190. <a href="{Permalink}">
  191. {DayofMonth}.{MonthNumber}.{ShortYear}
  192. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  193. </div></div>
  194. {/block:indexpage}
  195. <div class="quote">
  196. {Quote}"</blockquote>
  197. {block:Source}<div id="source"> {Source} </div>{/block:Source}
  198. </div>{/block:Quote}
  199.  
  200. {block:Link}
  201. <div class="post">
  202. {block:indexpage}
  203. <div class="tits1">
  204. <div class="nips2">
  205. <a href="{Permalink}">
  206. {DayofMonth}.{MonthNumber}.{ShortYear}
  207. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  208. </div></div>
  209. {/block:indexpage}
  210. <div class="link">
  211. <span class="title"><a href="{URL}" style="padding:5px;">{Name}</a></span>
  212. {block:Description}{Description}{/block:Description}
  213. </div>{/block:Link}
  214.  
  215. {block:Chat}
  216. <div class="post" style="line-height:25px;background:{color:background};padding:10px;">
  217. {block:indexpage}
  218. <div class="tits1">
  219. <div class="nips2">
  220. <a href="{Permalink}">
  221. {DayofMonth}.{MonthNumber}.{ShortYear}
  222. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  223. </div></div>
  224. {/block:indexpage}
  225. <div class="chat">
  226. {block:Lines}
  227. {block:Label}
  228. <span class="label" style="font-family:courier;font-size:11px;letter-spacing:-1px;text-transform:uppercase;">{Label}</span>
  229. {/block:Label} {Line} <BR>
  230. {/block:Lines}
  231. </div>{/block:Chat}
  232.  
  233. {block:Audio}
  234. <div class="post">
  235. {block:indexpage}
  236. <div class="tits1">
  237. <div class="nips2">
  238. <a href="{Permalink}">
  239. {DayofMonth}.{MonthNumber}.{ShortYear}
  240. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  241. </div></div>
  242. {/block:indexpage}
  243. <div class="audio">
  244. <div class="player" width="400" style="background:black;height:27px;padding:5px;">{AudioPlayerBlack}</div>
  245. {block:Caption}{Caption}{/block:Caption}
  246. </div>{/block:Audio}
  247.  
  248. {block:Video}
  249. <div class="post">
  250. {block:indexpage}
  251. <div class="tits">
  252. <div class="nips">
  253. <a href="{Permalink}">
  254. {DayofMonth}.{MonthNumber}.{ShortYear}
  255. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  256. </div></div>
  257. {/block:indexpage}
  258. <div class="video">
  259. <div class="video-player">{Video-500}</div>
  260. {block:Caption}{Caption}{/block:Caption}
  261. </div>{/block:Video}
  262.  
  263. {block:Answer}
  264. <div class="post">
  265. {block:indexpage}
  266. <div class="tits1">
  267. <div class="nips2">
  268. <a href="{Permalink}">
  269. {DayofMonth}.{MonthNumber}.{ShortYear}
  270. {block:Notecount}+{NoteCount}{/block:NoteCount}</a>
  271. </div></div>
  272. {/block:indexpage}
  273. <div class="answer">
  274. <h1 class="title">{Question}</h1>
  275. <div class="user">
  276. <img src="{AskerPortraitURL-96}"/>
  277. <p>{Asker}</p>
  278. </div>
  279. {Answer}
  280. </div>{/block:Answer}
  281. </div>
  282.  
  283. {block:indexpage}{block:iftags}<div id="tags">
  284. {block:HasTags}
  285. {block:Tags}
  286. <i><a href="{TagURL}">#{Tag}</a></i>
  287. {/block:Tags}
  288. {/block:HasTags}
  289. </div>
  290. {/block:iftags}{/block:indexpage}
  291.  
  292. </div>
  293.  
  294.  
  295. {block:Date}
  296. <footer class="metadata">
  297. <!--Permalink-->{block:permalinkpage}
  298. <div id="tags">
  299. {block:HasTags}
  300. {block:Tags}
  301. <a href="{TagURL}">#{Tag}</a>
  302. {/block:Tags}
  303. {/block:HasTags}
  304. <BR>
  305. <div style="text-align:left;border-top:1px solid {color:border};padding-top:2px;">
  306. {block:RebloggedFrom}{block:NotReblog} reblogged from
  307. <a href="{ReblogParentURL}">{ReblogParentName}</a><BR>
  308. {/block:NotReblog} {/block:RebloggedFrom}
  309. {block:RebloggedFrom}
  310. originally posted by
  311. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  312. {/block:RebloggedFrom}</div></div>
  313.  
  314. {block:PostNotes}
  315. <div id="notes">
  316. {PostNotes}
  317. {/block:PostNotes}
  318. {/block:permalinkpage}
  319.  
  320. </footer>
  321. {/block:Date}
  322. {/block:Posts}
  323. <!--Pagination: previous/next page links-->
  324. {block:Pagination}
  325. <div id="pagination">
  326. {block:PreviousPage}
  327. <a href="{PreviousPage}" style="float:left;">Previous</a>
  328. {/block:PreviousPage}
  329. {block:NextPage}
  330. <a href="{NextPage}" style="float:right;">Older</a>
  331. {/block:NextPage}
  332. </nav>
  333. {/block:Pagination}
  334.  
  335. </div>
  336.  
  337.  
  338.  
  339. </body>
  340. </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!