API tools faq
paste
Advertisement
sunkei

Andrea

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