API tools faq
paste
mafercuellardiaz

hey

mafercuellardiaz
Dec 2nd, 2013
1,920
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.18 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4.  
  5.  
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title><style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  15.  
  16.  
  17. <meta name="image:background" content="">
  18. <meta name="image:sidebar" content="">
  19.  
  20.  
  21. <meta name="text:Link 1 URL" content="">
  22. <meta name="text:Link 1" content="Link 1">
  23. <meta name="text:Link 2 URL" content="">
  24. <meta name="text:Link 2" content="Link 2">
  25. <meta name="text:Link 3 URL" content="">
  26. <meta name="text:Link 3" content="Link 3">
  27. <meta name="text:Link 4 URL" content="">
  28. <meta name="text:Link 4" content="Link 4">
  29.  
  30.  
  31. <meta name="color:link" content="#000">
  32. <meta name="color:hover" content="#ffffff">
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37.  
  38. body {
  39. font-family:arial, sans-serif;
  40. font-size:10px;
  41. background-image:url('{image:background}');
  42. background-attachment:fixed;
  43. color:#000000;
  44. background-color:#ffffff;
  45. }
  46.  
  47. a {
  48. text-decoration:none;
  49. outline:none;
  50. -moz-outline-style:none;
  51. color:{color:link};
  52. -webkit-transition:all 0.5s ease-in-out;
  53. -moz-transition:all 0.5s ease-in-out;
  54. -o-transition:all 0.5s ease-in-out;
  55. transition:all 0.5s ease-in-out;}
  56.  
  57. a:hover {
  58. color:{color:hover};
  59. text-decoration:underline;
  60. -webkit-transition:all 0.5s ease-in-out;
  61. -moz-transition:all 0.5s ease-in-out;
  62. -o-transition:all 0.5s ease-in-out;
  63. transition:all 0.5s ease-in-out;}
  64.  
  65.  
  66.  
  67. .sidebar {
  68. position:fixed;
  69. width:300px;
  70. height:100%;
  71. left:200px;
  72. top:0px;
  73. text-align:center;
  74. color:#000000;
  75. background-color:#ffffff; }
  76.  
  77. .title {
  78. display:block;
  79. text-align:center;
  80. padding:5px;
  81. margin-top:40px;
  82. font-family:cambria, serif;
  83. font-style:italic;
  84. font-weight:normal;
  85. text-transform:lowercase;
  86. font-size:20px; }
  87.  
  88. .sidebarimg {
  89. position:relative;
  90. margin-top:20px;}
  91.  
  92. .sidebarimg img {
  93. max-width:250px;
  94. height:auto; }
  95.  
  96. .links {
  97. display:block;
  98. text-align:center;
  99. margin-top:20px;}
  100.  
  101. .links a {
  102. display:inline-block;
  103. padding:3px;
  104. width:auto;
  105. font-family:'calibri';
  106. font-weight:normal;
  107. text-decoration:none;
  108. text-transform:lowercase;
  109. font-size:10px;
  110. color:{color:link};
  111. -webkit-transition:all 0.5s ease-in-out;
  112. -moz-transition:all 0.5s ease-in-out;
  113. -o-transition:all 0.5s ease-in-out;
  114. transition:all 0.5s ease-in-out;}
  115.  
  116. .links a:hover {
  117. text-decoration:underline;
  118. color:{color:hover};
  119. -webkit-transition:all 0.5s ease-in-out;
  120. -moz-transition:all 0.5s ease-in-out;
  121. -o-transition:all 0.5s ease-in-out;
  122. transition:all 0.5s ease-in-out;}
  123.  
  124. .description {
  125. margin-left:40px;
  126. width:200px;
  127. display:block;
  128. max-height:100px;
  129. padding:5px;
  130. margin-top:10px;
  131. text-align:center;
  132. overflow:auto;}
  133.  
  134. .pagination {
  135. display:block;
  136. margin-top:20px;
  137. text-align:center;}
  138.  
  139. .pagination a {
  140. display:inline-block;
  141. padding:3px;
  142. width:auto;
  143. font-family:cambria, serif;
  144. font-weight:normal;
  145. text-decoration:none;
  146. text-transform:lowercase;
  147. font-size:10px;
  148. color:{color:link};
  149. -webkit-transition:all 0.5s ease-in-out;
  150. -moz-transition:all 0.5s ease-in-out;
  151. -o-transition:all 0.5s ease-in-out;
  152. transition:all 0.5s ease-in-out;}
  153.  
  154. .pagination a:hover / {
  155. text-decoration:none;
  156. color:#000000;
  157. -webkit-transition:all 0.5s ease-in-out;
  158. -moz-transition:all 0.5s ease-in-out;
  159. -o-transition:all 0.5s ease-in-out;
  160. transition:all 0.5s ease-in-out;}
  161.  
  162.  
  163. .posts {
  164.  
  165. width:500px;
  166. margin-left:520px; }
  167.  
  168. .entries {
  169. margin-top:30px;
  170. width:500px
  171. padding:10px;
  172. background-color:#ffffff; }
  173.  
  174. .info {
  175. font-family:consolas;
  176. width:500px;
  177. margin-top:-5px;
  178. padding-top:2px;
  179. font-size:8px;
  180. color:{color:link};
  181. text-transform:uppercase;
  182. text-align:left;
  183. -moz-transition-duration:0.5s;
  184. -webkit-transition-duration:0.5s;
  185. -o-transition-duration:0.5s;
  186. }
  187.  
  188. .info a {
  189. color:{color:link};
  190. text-align:center;
  191. letter-spacing:1px;}
  192.  
  193. .info a:hover {
  194. color:{color:hover};
  195. }
  196.  
  197. .source {
  198. width:500px;
  199. padding:1px;
  200. font-size:8px;
  201. margin-top:-10px;
  202. color:#fff;
  203. text-transform:uppercase;
  204. font-style:normal;
  205. letter-spacing:1px;
  206. text-align:right;
  207. -moz-transition-duration:0.5s;
  208. -webkit-transition-duration:0.5s;
  209. -o-transition-duration:0.5s;
  210. }
  211.  
  212. .source a {
  213.  
  214. color:{color:link};
  215. letter-spacing:2px;
  216. padding:4px;
  217. -moz-transition-duration:0.4s;
  218. -webkit-transition-duration:0.4s;
  219. -o-transition-duration:0.4s;
  220. }
  221.  
  222. .source a:hover {
  223. color:{color:hover};
  224. -moz-transition-duration:0.4s;
  225. -webkit-transition-duration:0.4s;
  226. -o-transition-duration:0.4s;}
  227.  
  228.  
  229.  
  230.  
  231. .tags a {
  232. display:inline-block;
  233. margin-right:5px; }
  234.  
  235. .post_title {
  236. display:block;
  237. padding:5px;
  238. text-align:center;
  239. font-size:15px;
  240. font-family:cambria, serif;
  241. text-transform:normal;
  242. font-style:italic;}
  243.  
  244. .text {
  245. display:block;
  246. padding:5px;
  247. text-align:justify; }
  248.  
  249. .photo img {
  250. display:block;
  251. margin-bottom:5px; }
  252.  
  253. .quote {
  254. display:block;
  255. padding:5px;
  256. text-align:left;
  257. font-size:12px;
  258. font-family:cambria, serif;
  259. font-style:italic;
  260. color:#000000;
  261. background-color:#ffffff; }
  262.  
  263.  
  264.  
  265. .chat li {
  266. display:block;
  267. padding:5px;}
  268.  
  269. .audioimg img {
  270. width:100px;
  271. height:100px;}
  272.  
  273. .audioinfo {
  274. color:#04b4ae; }
  275.  
  276. .question {
  277. float:left;
  278. margin-left:10px;
  279. display:block;
  280. padding:5px;
  281. text-align:left;
  282. font-size:12px;
  283. min-height:40px;
  284.  
  285. }
  286.  
  287. .question img {
  288. float:left;
  289. margin-right:5px;
  290. margin-bottom:5px; }
  291.  
  292.  
  293.  
  294. ::-webkit-scrollbar {
  295. height:7px;
  296. width:7px;
  297. background-color:#ffffff; }
  298.  
  299. ::-webkit-scrollbar-thumb {
  300. height:auto;
  301. background-color:#000000; }
  302.  
  303. #cred {
  304. position:fixed;
  305. font-size:15px;
  306. font-weight:normal;
  307. line-height:150%;
  308. letter-spacing:2px;
  309. right:10px;
  310. bottom:10px;
  311. text-transform:uppercase;
  312. text-align:center;
  313. }
  314.  
  315. #cred a {
  316. padding:3px;
  317. color:{color:link};
  318. background-color:#f5f5f5;
  319. -moz-transition-duration:0.5s;
  320. -webkit-transition-duration:0.5s;
  321. -o-transition-duration:0.5s;
  322. }
  323.  
  324. #s-m-t-tooltip {
  325.  
  326. max-width:300px;
  327. padding:3px 4px 5px 4px;
  328. margin:20px 0px 0px 20px;
  329. background-color:#fff;
  330. font-family:cambria;
  331. font-size:8px;
  332. letter-spacing:2px;
  333. text-transform:uppercase;
  334. color:#000;
  335.  
  336. }
  337.  
  338.  
  339. </style>
  340.  
  341. </head>
  342. <body>
  343. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  344. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  345. <script>(function($){$(document).ready(function(){
  346. $("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:400,attribute:"title"});});})(jQuery);
  347. </script>
  348.  
  349.  
  350.  
  351. <div class="sidebar">
  352. <br><br><br><br><br><br><br>
  353. <div class="sidebarimg">
  354. <img src="{image:sidebar}"/>
  355. </div><br>
  356.  
  357. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 98px; font-family:'calibri'; font-size:10px;">
  358. <div class="links">
  359. <option value="/">links</option>
  360. <option value="/">home</option>
  361. <option value="/faq">mail</option>
  362. {block:ifLink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:ifLink1}
  363. {block:ifLink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:ifLink2}
  364. {block:ifLink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:ifLink3}
  365. {block:ifLink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:ifLink4}
  366. </div>
  367. </select>
  368. <div class="description">
  369. {Description}
  370. </div>
  371.  
  372. {block:Pagination}
  373. <div class="pagi">
  374. {block:PreviousPage}
  375. <a href="{PreviousPage}">back</a>
  376. {/block:PreviousPage}
  377. ―
  378. {block:NextPage}
  379. <a href="{NextPage}">next</a>
  380. {/block:NextPage}
  381. </div>
  382. {/block:Pagination}
  383.  
  384. </div>
  385.  
  386.  
  387.  
  388. <div class="posts">
  389.  
  390. {block:Posts}
  391. <div class="entries">
  392. {block:Text}
  393. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  394. <div class="text">{Body}</div>
  395. {/block:Text}{block:Photo} <div class="photo"><center><img src="{PhotoURL-500}"/> </center></div><div class="text">{Caption}</div>
  396.  
  397. {/block:Photo}{block:Photoset} <center><div class="photo">{Photoset-500}</div></center> <div class="text">{Caption}</div>{/block:Photoset}
  398. {block:Quote} <div class="quote">"{Quote}"</div><div class="source">{Source}</div>
  399. {/block:Quote}
  400. {block:Link}
  401. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  402. {block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}{block:Chat} {block:Title}<div class="post_title">{Title}</div>{/block:Title} <div class="chat"><ul>
  403. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines} </ul> </div>
  404. {/block:Chat}{block:Audio} <table> <tr> <td>
  405. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt} </td> <td> <div class="audioplayer">{AudioPlayerBlack}</div> <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  406. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  407. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div></td></tr> </table> {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  408.  
  409. {/block:Audio}
  410. {block:Video} <center><div class="photo">{VideoEmbed-500}</div></center> <div class="text">{Caption}</div>
  411.  
  412. {/block:Video}
  413. {block:Answer}
  414. <div class="question"><img src="{AskerPortraitURL-30}"/> {Asker} whispered: {Question}</div>
  415. <div class="text">{Answer}</div>
  416. {/block:Answer}</div>
  417.  
  418. <div class="info">
  419. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month}&nbsp;{DayOfMonth}</a>
  420. {/block:Date}
  421. <font color=#fad6d6f>♥</font> {NoteCount}</a>
  422.  
  423. {block:RebloggedFrom}<div class="source"><a title="{ReblogParentName}" href="{ReblogParentURL}">Via </a> {/block:RebloggedFrom}{block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">©</a>{/block:ContentSource} {block:RebloggedFrom}</div> {/block:RebloggedFrom}
  424. {block:HasTags}
  425. <div class="tags">
  426. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  427. {/block:HasTags}
  428. <div class="note">
  429. {block:PostNotes}{PostNotes}{/block:PostNotes}
  430. </div>
  431. </div>
  432. {/block:Posts}
  433.  
  434.  
  435. </div>
  436.  
  437.  
  438.  
  439. <div id="cred"><a title="Niallsdicks" href="http://niallsdicks.tumblr.com/">☯ </a></div>
  440. </body>
  441.  
  442. </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!