API tools faq
paste
xmisa0923

ed

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