API tools faq
paste
Advertisement
mafercuellardiaz

cocoaa

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