API tools faq
paste
Advertisement
sunkei

andrea 0.2

sunkei
Jul 31st, 2012
8,196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.29 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. andrea 0.3
  4. img fixed
  5. endlessscroll fixed
  6.  
  7. 100414 2nd pagination
  8. car spec
  9.  
  10. theme made by gyapo.tumblr.com
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  15. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17.  
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  27. <meta name="image:Picture" content="http://25.media.tumblr.com/tumblr_m387u01mmc1r1yixgo1_250.png"/>
  28.  
  29.  
  30. <meta name="color:Background" content="#fff" />
  31. <meta name="color:Scroll" content="#000" />
  32. <meta name="color:ScrollBG" content="#fff" />
  33.  
  34. <meta name="color:Title" content="#fff" />
  35. <meta name="color:Description" content="#fff" />
  36. <meta name="color:Description BG" content="#000" />
  37. <meta name="color:Menu Text" content="#999" />
  38. <meta name="color:Menu" content="#000" />
  39. <meta name="color:Menu BG" content="#fff" />
  40. <meta name="color:Pagination" content="#fff" />
  41. <meta name="color:Pagination BG" content="#000" />
  42.  
  43. <meta name="color:Links" content="#252525" />
  44. <meta name="color:Texts" content="#2e2e2e" />
  45. <meta name="color:Entry Title" content="#fff" />
  46. <meta name="color:Entry TitleBG" content="#000" />
  47. <meta name="color:Entry BG" content="#f5f5f5" />
  48. <meta name="color:Chat BG" content="#e5e5e5" />
  49.  
  50. <meta name="color:Infos BG" content="#000" />
  51. <meta name="color:Notes" content="#ccc" />
  52. <meta name="color:Reblog" content="#777" />
  53. <meta name="color:Reblog Hover" content="#fff" />
  54.  
  55. <meta name="if:Caption" content="0"/>
  56. <meta name="if:Single Column" content="0"/>
  57. <meta name="if:Big Posts" content="0"/>
  58. <meta name="if:EndlessScroll" content="0"/>
  59. <meta name="text:Link1 title" content="l i n k 1" />
  60. <meta name="text:Link1" content="" />
  61. <meta name="text:Link2 title" content="l i n k 2" />
  62. <meta name="text:Link2" content="" />
  63.  
  64.  
  65. </head>
  66.  
  67. <style type="text/css">
  68.  
  69. {block:IfEndlessScroll}
  70. <a style="position:fixed;bottom:2px;right:5px;" href="#top" >back to top</a>{/block:IfEndlessScroll}
  71.  
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:50px;}
  73. ::-webkit-scrollbar {height:0px;width:3px;background-color:{color:ScrollBG};}
  74.  
  75. body
  76. {font-family:arial;font-size:9px;
  77. background-color:{color:Background};
  78. background-image:url('{image:Background}');
  79. background-position: fixed;
  80. background-attachment:fixed;
  81. background-repeat:repeat;}
  82.  
  83. a
  84. {color:{color:Links};
  85. text-decoration:none;
  86. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  87.  
  88.  
  89.  
  90. blockquote
  91. {padding:5px;
  92. border-left:2px solid;}
  93.  
  94.  
  95. #left
  96. {position:fixed;
  97. top:100px;left:150px;}
  98.  
  99. #first
  100. {width:60px;height:60px; border-radius:30px 0px 30px 30px;background-image:url("{PortraitURL-24}");margin:0px 0px 30px 90px;overflow:hidden;}
  101.  
  102. #title
  103. {color:{color:Title};
  104. width:30px;
  105. margin-left:15px;
  106. font-size:10px;
  107. letter-spacing:2px;
  108. text-align:right;
  109. padding-left:5px;}
  110.  
  111.  
  112. #second
  113. {width:100px; height:100px; -moz-border-radius:50px 0px 50px 50px;border-radius:50px 0px 50px 50px; background-color:{color:Pagination BG};margin:50px 0px 0px 50px;text-align:center;color:{color:Pagination};}
  114.  
  115. .page
  116. {font-size:20px;color:{color:Pagination};}
  117.  
  118.  
  119.  
  120. .next
  121. {position:absolute;font-size:10px;margin-left:-20px;margin-top:20px;opacity:0;-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  122.  
  123. .back
  124. {position:absolute;font-size:10px;margin-left:10px;margin-top:20px;opacity:0;-webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  125.  
  126. .page:hover .back
  127. {opacity:1;}
  128.  
  129. .page:hover .next
  130. {opacity:1;}
  131.  
  132. #pic
  133. {width:150px;
  134. border-radius:75px 75px 0px 0px;}
  135.  
  136. #picture
  137. {overflow:hidden;
  138. width:150px;
  139. height:90px;}
  140.  
  141. #side
  142. {overflow:hidden;
  143. width:150px;
  144. height:150px;
  145. background-color:{color:Menu BG};
  146. border-radius:75px;}
  147.  
  148. .nav
  149. {color:{color:Menu Text};overflow:hidden;width:300px;font-size:8px;}
  150.  
  151. .nav a
  152. {color:{color:Menu}; letter-spacing:1px;padding-left:1px;text-decoration:line-through;}
  153.  
  154. .nav a:hover
  155. {text-decoration:underline;color:{color:Menu};opacity:1;}
  156.  
  157.  
  158. #about
  159. {position:absolute;
  160. font-size:9px;
  161. text-align:justify;
  162. width:75px;
  163. color:{color:Description};
  164. opacity:1;
  165. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  166.  
  167. #side:hover #about
  168. {opacity:1;}
  169.  
  170. .suivo
  171. {background-color:{color:Description BG};}
  172.  
  173.  
  174.  
  175.  
  176. .pagination {
  177. display:none;
  178. }
  179.  
  180.  
  181. #posts
  182. {{block:IndexPage}
  183. {block:IfSingleColumn}
  184. {block:IfBigPosts}
  185. width:690px;
  186. {/block:IfBigPosts}
  187. {block:IfNotBigPosts}
  188. width:300px;
  189. {/block:IfNotBigPosts}
  190. {/block:IfSingleColumn}
  191. {block:IfNotSingleColumn}
  192. {block:IfBigPosts}
  193. width:1200px;
  194. {/block:IfBigPosts}
  195. {block:IfNotBigPosts}
  196. width:700px;
  197. {/block:IfNotBigPosts}
  198. {/block:IfNotSingleColumn}
  199. {block:IfBigPosts}
  200. margin-left:400px;
  201. {/block:IfBigPosts}
  202. {block:IfNotBigPosts}
  203. margin-left:250px;
  204. {/block:IfNotBigPosts}
  205. {/block:IndexPage}
  206. {block:PermalinkPage}
  207.  
  208. width:550px;
  209. text-align:justify;
  210. {/block:PermalinkPage}}
  211.  
  212.  
  213.  
  214.  
  215.  
  216. .post
  217. {{block:IndexPage}
  218. {block:IfBigPosts}
  219. width:400px;
  220. {/block:IfBigPosts}
  221. {block:IfNotBigPosts}
  222. width:250px;
  223. {/block:IfNotBigPosts}
  224. {/block:IndexPage}
  225. {block:PermalinkPage}
  226. width:500px;
  227. {/block:PermalinkPage}
  228. margin-top:35px;
  229. margin-right:35px;
  230. text-align:justify;
  231. color:{color:Texts};
  232. font-family:arial;
  233. font-size:9px;
  234. overflow:hidden;
  235. background-image:url('{image:Entry BG}');
  236. background-color: {color:Entry BG};
  237. {block:IfNotEndlessScroll}
  238. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  239. {/block:IfNotEndlessScroll}}
  240.  
  241. #photo
  242. {background-color:{color:Background};}
  243.  
  244. .titlepost
  245. {color:{color:Entry Title}; font-style:italic;
  246. letter-spacing:1px;
  247. padding-right:5px;
  248. font-size:10px;
  249. text-align:right;
  250. background-color:{color:Entry TitleBG};}
  251.  
  252.  
  253. .infos
  254. {position:absolute;
  255. bottom:0px;
  256. background-color:{color:Infos BG};
  257. border-radius: 10px 0px 0px 0px;
  258. -moz-border-radius: 10px 0px 0px 0px;
  259. right:0px;
  260. color:{color:Notes};letter-spacing:2px;
  261. padding:5px 10px 5px 10px;
  262. opacity:0;
  263. font-size:8px;font-family:trebuchet ms;text-transform:uppercase;
  264. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;box-shadow:-1px -1px 2px #aaa;}
  265.  
  266. .post:hover .infos
  267. {opacity:1;}
  268.  
  269. #photo .infos
  270. {box-shadow:-1px -1px 3px #222;}
  271.  
  272. #white
  273. {box-shadow:-1px -1px 3px #222;}
  274. .infos a
  275. {color:{color:Reblog};}
  276. #notes
  277. {color:{color:Notes};}
  278. .infos a:hover
  279. {color:{color:Reblog Hover};}
  280.  
  281. .texte a
  282. {text-decoration:underline}
  283.  
  284. .label
  285. {color:{color:Links}; letter-spacing:1px;font-style:italic;}
  286. .post .even
  287. {background-color:{color:Chat BG};}
  288.  
  289.  
  290. </style>
  291. {block:IndexPage}
  292. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  293. {block:IfEndlessScroll}
  294. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfEndlessScroll}
  295. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  296. <script>
  297. $(window).load(function () {
  298. $('#posts').masonry(),
  299. $('.masonryWrap').infinitescroll({
  300. navSelector : "div.pagination",
  301. nextSelector : ".pagination a#next",
  302. itemSelector : ".post",
  303. bufferPx : 10000,
  304. extraScrollPx: 10000,
  305. loadingImg : "",
  306. loadingText : "<em></em>",
  307. },
  308. // call masonry as a callback.
  309. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  310. );
  311. });
  312. </script>{/block:IndexPage}
  313.  
  314. <style type="text/css">{CustomCSS}</style>
  315. </head>
  316. <body>
  317.  
  318.  
  319.  
  320.  
  321. {block:IfEndlessScroll}
  322. <a style="position:fixed;bottom:2px;right:5px;" href="#top" >back to top</a>{/block:IfEndlessScroll}
  323.  
  324. <div id="left">
  325. <div id="first"><div id="title"><span class="suivi">{Title}</span></div></div>
  326.  
  327. <div id="side">
  328. <div id="picture">
  329. <div id="about"><span class="suivo">{Description}<span></div>
  330. <img id="pic" src="{image:Picture}"/>
  331.  
  332. </div>
  333. <div class="nav">h o m e <a href="/"> h o m e</a> h o m e h o m e h o m e h o</nav>
  334. <div class="nav">s a g e m e s s a g e <a href="/ask">m e s s a g e</a> m e s
  335. </div>
  336. <div class="nav">{text:Link1 title}<a href="{text:Link1}">{text:Link1 title}</a>{text:Link1 title} {text:Link1 title} {text:Link1 title} {text:Link1 title}</div>
  337. <div class="nav">{text:Link2 title} {text:Link2 title} <a href="{text:Link2}">{text:Link2 title}</a>{text:Link2 title} {text:Link2 title} {text:Link2 title} {text:Link2 title}</div>
  338. <div class="nav"> t h e t h e m e t h e m e <a title="andrea by gyapo" href="http://gyapo.tumblr.com">t h e m e</a> t h e m e t h e m e </div>
  339. <div class="nav">p a s t p a s t p a s t <a href="/archive">p a s t</a> p a s t p a s t</div>
  340. </div>
  341. </div>
  342.  
  343.  
  344. {block:IfNotEndlessScroll}{block:Pagination}
  345. <div id="second">
  346. {block:PreviousPage}<a href="{PreviousPage}">
  347. <div class="page" style="padding-right:20px;opacity:0.7;">
  348. ▲<span class="back">back</span><br>▲▲</div></a>{/block:PreviousPage}
  349. {block:NextPage}<a href="{NextPage}"><div class="page" style="padding-left:20px;"><span class="next">next</span>▼▼<br>▼</div></a>{/block:NextPage}
  350. </div>
  351. {/block:Pagination} {/block:IfNotEndlessScroll}
  352. </div>
  353.  
  354.  
  355.  
  356.  
  357. <table align="center" border="0" cellpadding="0" cellspacing="0" >
  358. <tr><td>
  359. <div id="posts">
  360. {block:Posts}
  361.  
  362. {block:Photo}
  363. <div class="post" id="photo">
  364. {block:IndexPage}
  365. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  366. {/block:IndexPage}
  367.  
  368. <a href="{Permalink}" style="border-bottom:1px dotted transparent;">
  369. <div><img id="photo" src="{PhotoURL-500}" style="margin-bottom:-3px;"
  370.  
  371. {block:IndexPage}
  372. {block:IfBigPosts}
  373. width="400px"
  374. {/block:IfBigPosts}
  375. {block:IfNotBigPosts}
  376. width="250px"
  377. {/block:IfNotBigPosts}
  378. {/block:IndexPage}
  379.  
  380. {block:PermalinkPage}
  381. width="500px"
  382. {/block:PermalinkPage}
  383. alt="{PhotoAlt}"/></div></a>
  384.  
  385. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  386.  
  387. </div>
  388. {/block:Photo}
  389.  
  390.  
  391.  
  392. {block:Text}
  393. <div class="post">
  394. {block:IndexPage}
  395. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  396. {/block:IndexPage}
  397.  
  398. {block:Title}
  399. <a href="{Permalink}"><div class="titlepost">{Title} ?</div></a>
  400. {/block:Title}
  401. <div class="texte">{Body}</div>
  402. </div>
  403. {/block:Text}
  404.  
  405.  
  406.  
  407. {block:Quote}
  408. <div class="post">
  409. {block:IndexPage}
  410. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  411. {/block:IndexPage}
  412.  
  413. <div style="font-size:12px;font-style:italic;font-weight:800;"> "{Quote}"</div>
  414. {block:Source}
  415. <div class="texte">— {Source}</div>
  416. {/block:Source}
  417.  
  418. </div>
  419. {/block:Quote}
  420.  
  421.  
  422. {block:Link}
  423. <div class="post">
  424. {block:IndexPage}
  425. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  426. {/block:IndexPage}
  427.  
  428. <a href="{URL}" {Target}><div class="titlepost"><span class="BG">{Name} ?</span></div></a>
  429. {block:Description}
  430. <div class="texte">{Description}</div>
  431. {/block:Description}
  432.  
  433. </div>
  434. {/block:Link}
  435.  
  436.  
  437. {block:Chat}
  438. <div class="post">
  439. {block:IndexPage}
  440. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  441. {/block:IndexPage}
  442.  
  443. {block:Title}
  444. <div class="titlepost"><span class="BG">{Title} ?</span></div>
  445. {/block:Title}
  446. <div >
  447. {block:Lines}
  448. <div>
  449. <div class="{Alt}">{block:Label}<span class="label">- {Label}</span>{/block:Label} {Line}</div>
  450. </div>
  451. {/block:Lines}
  452. </div>
  453. </div>
  454. {/block:Chat}
  455.  
  456.  
  457. {block:Audio}
  458. <div class="post">
  459. {block:IndexPage}
  460. <span class="infos" id="white"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  461. {/block:IndexPage}
  462.  
  463. <table cellpadding="0" border="0" cellspacing="0">
  464. <tr><td>
  465. {block:AlbumArt}
  466. <img style="height:100px;width:100px;margin-right:5px;margin-bottom:-3px;" id="art" src="{AlbumArtURL}"/>
  467. {/block:AlbumArt}</td>
  468. <td><div style="margin-top:5px;margin-bottom:5px;padding-left:5px;border-left:5px solid {color:Chat BG};text-align:left;">
  469.  
  470. {block:TrackName}<span id="track">?{TrackName}?</span><br>{/block:TrackName}
  471. {block:Artist}? by {Artist}<br>{/block:Artist}
  472. {block:Album}? from {Album}<br>{/block:Album}
  473.  
  474. {PlayCountWithLabel}</div></td></tr><td>
  475. </td></tr>
  476. <tr>
  477. <td colspan="2"><div style="{block:IfBigPosts}
  478. width:400px;
  479. {/block:IfBigPosts}
  480. {block:IfNotBigPosts}
  481. width:250px;
  482. {/block:IfNotBigPosts}
  483. {block:PermalinkPage}width:500px;{/block:PermalinkPage}background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td>
  484. </tr>
  485. </table>
  486.  
  487. <div class="comments">
  488. {block:IfCaption}
  489. {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
  490. {/block:IfCaption}
  491.  
  492. {block:IfNotCaption}{block:PermalinkPage}
  493. {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
  494. {block:PermalinkPage}{/block:IfNotCaption}
  495. </div>
  496.  
  497. </div> {/block:Audio}
  498.  
  499. {block:Photoset}
  500. <div class="post" id="photo">
  501. {block:IndexPage}
  502. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  503. {/block:IndexPage}
  504.  
  505. {block:IndexPage}
  506. {block:IfBigPosts}
  507. {Photoset-400}
  508. {/block:IfBigPosts}
  509. {block:IfNotBigPosts}
  510. {Photoset-250}
  511. {/block:IfNotBigPosts}
  512. {/block:IndexPage}
  513.  
  514. {block:PermalinkPage}
  515. {Photoset-500}
  516. {/block:PermalinkPage}
  517. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  518. </div>
  519. {/block:Photoset}
  520.  
  521. {block:Video}
  522. <div class="post">
  523. {block:IndexPage}
  524. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  525. {/block:IndexPage}
  526.  
  527. {block:PermalinkPage}
  528. {Video-500}
  529. {/block:PermalinkPage}
  530.  
  531. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  532. </div>
  533. {/block:Video}
  534.  
  535. {block:PermalinkPage}
  536. <div style="margin-left:25px;margin-top:15px;">
  537. {block:IfNotCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfNotCaption} <br>
  538. {block:PostNotes} {NoteCountWithLabel},{/block:PostNotes} {block:Date}{TimeAgo}.{/block:Date} {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  539. <div>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  540. {block:PostNotes}{PostNotes}{/block:PostNotes}
  541. </div>
  542. {/block:PermalinkPage}
  543.  
  544. {/block:Posts}
  545.  
  546.  
  547. </div>
  548. </td></tr>
  549. </table>
  550. </body>
  551. </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!