API tools faq
paste
Advertisement
iune

Vestis Theme

iune
Aug 9th, 2013
3,548
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---------------------------------
  5. ,
  6. .--'|} _ ,
  7. / /}} -====;.`\/ }
  8. .=\.--'`\} \-'\-'----.
  9. //` '---./` \ |-..-'`
  10. || /| /\/\
  11. \\| | `--`
  12. |\_\\/
  13. \__/\\
  14. \\
  15.  
  16. vestis theme by irene (pyschic.tumblr.com)
  17. removal of credits will be considered stealing
  18. and will result in the termination of your blog
  19. thanks for choosing my theme!
  20. ---------------------------------->
  21.  
  22. <head>
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#000000"/>
  33. <meta name="color:Link" content="#000000"/>
  34. <meta name="color:Hello Title" content="#000000"/>
  35. <meta name="color:Meet Title" content="#000000"/>
  36. <meta name="color:Link Hover" content="#ffffff"/>
  37. <meta name="color:Permalink Text" content="#000000"/>
  38. <meta name="color:Permalink Text Hover" content="#ffffff"/>
  39. <meta name="color:Permalink" content="#ffffff"/>
  40. <meta name="color:Description" content="#000000"/>
  41. <meta name="color:Header" content="#ffffff"/>
  42. <meta name="color:Header Links" content="#000000"/>
  43. <meta name="color:Header Border" content="#000000"/>
  44. <meta name="color:Scrollbar" content="#000000"/>
  45. <meta name="color:Scrollbar Background" content="#ffffff"/>
  46.  
  47. <meta name="text:Hello Title" content="Hello." />
  48. <meta name="text:Meet Title" content="Meet" />
  49. <meta name="text:ReblogText" content="reblog" />
  50. <meta name="text:Link 1" content="" />
  51. <meta name="text:Link 1 Title" content="" />
  52. <meta name="text:Link 2" content="" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 4" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 5" content="" />
  59. <meta name="text:Link 5 Title" content="" />
  60. <meta name="text:Link 6" content="" />
  61. <meta name="text:Link 6 Title" content="" />
  62.  
  63. <meta name="if:2 Columns" content="0">
  64. <meta name="if:Fade In Sidebar" content="0">
  65. <meta name="if:Show Captions" content="0">
  66.  
  67. <meta name="image:Background" content=""/>
  68.  
  69. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Lato:300' rel='stylesheet' type='text/css'>
  70.  
  71. <link href="http://daneden.me/animate/animate.css" rel="stylesheet">
  72.  
  73. <style type="text/css">
  74.  
  75. iframe#tumblr_controls {
  76. right:3px !important;
  77. position: fixed !important;
  78. -webkit-transition: opacity 0.7s linear;
  79. opacity: 0.7;
  80. -webkit-transition: all 0.8s ease-out;
  81. -moz-transition: all 0.8s ease-out;
  82. transition: all 0.8s ease-out;}
  83.  
  84. iframe#tumblr_controls:hover {
  85. -webkit-transition: opacity 0.7s linear;
  86. opacity: 1;
  87. -webkit-transition: all 0.4s ease-out;
  88. -moz-transition: all 0.4s ease-out;
  89. transition: all 0.4s ease-out;}
  90.  
  91. #tumblr_controls {
  92. position:absolute !important;
  93. -webkit-filter: invert(100%)}
  94.  
  95. ::-webkit-scrollbar{
  96. width:10px;
  97. height:6px;
  98. background-color: {color:Scrollbar Background};}
  99.  
  100. ::-webkit-scrollbar-thumb{
  101. width: 7px;
  102. height: 6px;
  103. border-radius: 0px;
  104. border-top: 3px solid {color:Scrollbar Background};
  105. border-left: 2px solid {color:Scrollbar Background};
  106. border-right: 2px solid {color:Scrollbar Background};
  107. background: {color:Scrollbar};}
  108.  
  109. body {
  110. font-family: lato, serif;
  111. font-size: 10px;
  112. background-repeat:repeat;
  113. color: {color:Text};
  114. background: {color:Background} url('{image:Background}');
  115. background-attachment: fixed;
  116. background-repeat: repeat;
  117. background-color: {color:Background};}
  118.  
  119. a {
  120. color: {color:Link};
  121. text-decoration: none;
  122. -moz-transition: all 0.4s;
  123. -webkit-transition: all 0.4s;
  124. -o-transition: all 0.4s;
  125. transition: all 0.4;}
  126.  
  127. a:hover {
  128. color: {color:Link Hover};
  129. -moz-transition: all 0.4s;
  130. -webkit-transition: all 0.4s;
  131. -o-transition: all 0.4s;
  132. transition: all 0.4;}
  133.  
  134. blockquote {
  135. padding-left: 5px;
  136. margin-left: 15px;
  137. border-left: 2px solid #ddd;}
  138.  
  139.  
  140. #posts {
  141. opacity: 1;
  142. float:left;
  143. {block:indexpage}
  144. width: 810px;
  145. {block:if2columns}
  146. width: 620px;
  147. {/block:if2columns}
  148. {/block:indexpage}
  149. {block:permalinkpage}
  150. width: 600px;
  151. {/block:permalinkpage}
  152. margin-left: 100px;
  153. {block:if2columns}
  154. margin-left: 320px;
  155. {block:permalinkpage}
  156. margin-left: 100px;
  157. {/block:permalinkpage}
  158. {/block:if2columns}
  159. margin-top: 100px;
  160. transition: all 0.5s ease-out;
  161. -o-transition-transition: all 0.5s ease-out;
  162. -webkit-transition: all 0.5s ease-out;
  163. -moz-transition: all 0.5s ease-out;}
  164.  
  165. #entry {
  166. font-family: helveticas, sans-serif;
  167. font-size: 10px;
  168. line height: 11px;
  169. text-align: left;
  170. z-index: 99;
  171. float: left;
  172. width: 250px;
  173. height: auto;
  174. overflow: hidden;
  175. padding: 10px;
  176. {block:if2columns}
  177. padding: 30px;
  178. {/block:if2columns}
  179. transition: all 0.5s ease-out;
  180. -o-transition-transition: all 0.5s ease-out;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out;
  183. {block:PermalinkPage}
  184. margin-left: 200px;
  185. width: 575px;
  186. height: auto;
  187. {/block:PermalinkPage}}
  188.  
  189. #flight {
  190. border-radius: 4px;
  191. padding: 2px;
  192. position: fixed;
  193. bottom: 2px;
  194. right: -5px;
  195. background-color:rgba(255,255,255,0.7);}
  196.  
  197. .starfish {
  198. position: absolute;
  199. font-size: 8px;
  200. padding: 5px;
  201. margin-top: 0px;
  202. margin-left: 0px;
  203. text-align: left;
  204. background-color: {color:Permalink};
  205. opacity:0;
  206. -moz-transition: all 0.4s;
  207. -webkit-transition: all 0.4s;
  208. -o-transition: all 0.4s;
  209. transition: all 0.4;}
  210.  
  211. #entry:hover .starfish {
  212. -moz-transition: all 0.4s;
  213. -webkit-transition: all 0.4s;
  214. -o-transition: all 0.4s;
  215. transition: all 0.4;
  216. position:absolute;
  217. margin-top: 0px;
  218. opacity: 0.8;}
  219.  
  220. #entry:hover .starfish:hover {
  221. -moz-transition: all 0.4s;
  222. -webkit-transition: all 0.4s;
  223. -o-transition: all 0.4s;
  224. transition: all 0.4;
  225. opacity: 1;}
  226.  
  227. .seal {
  228. position: absolute;
  229. font-size: 8px;
  230. padding: 5px;
  231. bottom: 13px;
  232. right: 10px;
  233. {block:if2columns}
  234. bottom: 33px;
  235. right: 30px;
  236. {block:if2columns}
  237. opacity: 0;
  238. background: {color:Permalink};
  239. -moz-transition: all 0.4s;
  240. -webkit-transition: all 0.4s;
  241. -o-transition: all 0.4s;
  242. transition: all 0.4;}
  243.  
  244. #entry:hover .seal {
  245. -moz-transition: all 0.4s;
  246. -webkit-transition: all 0.4s;
  247. -o-transition: all 0.4s;
  248. transition: all 0.4;
  249. position: absolute;
  250. opacity: 0.8;}
  251.  
  252. #entry:hover .seal:hover {
  253. -moz-transition: all 0.4s;
  254. -webkit-transition: all 0.4s;
  255. -o-transition: all 0.4s;
  256. transition: all 0.4;
  257. opacity: 1;}
  258.  
  259. .seal a, .starfish a {
  260. color: {color:Permalink Text};
  261. -moz-transition: all 0.4s;
  262. -webkit-transition: all 0.4s;
  263. -o-transition: all 0.4s;
  264. transition: all 0.4;}
  265.  
  266. .seal a:hover, .starfish a:hover {
  267. color: {color:Permalink Text Hover};
  268. -moz-transition: all 0.4s;
  269. -webkit-transition: all 0.4s;
  270. -o-transition: all 0.4s;
  271. transition: all 0.4;}
  272.  
  273. .shark {
  274. font-family: carrois gothic sc;
  275. text-transform: uppercase;
  276. text-align: right;
  277. position: relative;
  278. margin-top: -10px;
  279. font-size:10px;
  280. opacity: 0;
  281. filter: alpha(opacity = 100);
  282. -moz-transition: all 0.4s;
  283. -webkit-transition: all 0.4s;
  284. -o-transition: all 0.4s;
  285. transition: all 0.4;}
  286.  
  287. #entry:hover .shark{
  288. margin-top: -5px;
  289. opacity: 1;
  290. filter: alpha(opacity = 100);
  291. -moz-transition: all 0.4s;
  292. -webkit-transition: all 0.4s;
  293. -o-transition: all 0.4s;
  294. transition: all 0.4;
  295. {block:PermalinkPage}
  296. display:none;
  297. {/block:PermalinkPage}}
  298.  
  299. #perm {
  300. font-family: carrois gothic sc;
  301. width: 950px;
  302. text-transform: lowercase;
  303. font-size: 10px;}
  304.  
  305. #eh img{
  306. max-width: 250px;}
  307.  
  308. #vid {
  309. text-align: center;}
  310.  
  311. #questions {
  312. margin-top: 2px;
  313. margin-bottom: 0px;
  314. min-height: 30px;
  315. padding: 3px;}
  316.  
  317. #questions img{
  318. max-width: 250px;}
  319.  
  320. #sidebar{
  321. z-index: 999999999999;
  322. position: fixed;
  323. left: 925px;
  324. top: 100px;
  325. height: 500px;
  326. width: 200px;
  327. padding: 10px;
  328. {block:iffadeinsidebar}
  329. -webkit-animation: fadeInRightBig 3s;
  330. -moz-animation: fadeInRightBig 3s;
  331. -o-animation: fadeInRightBig 3s;
  332. animation: fadeInRightBig 3s;
  333. {/block:iffadeinsidebar}}
  334.  
  335. #hello {
  336. margin-left: -5px;
  337. font-family: helvetica;
  338. font-size: 70px;
  339. color: {color:Hello Title};}
  340.  
  341. #meet {
  342. font-family: helvetica;
  343. font-size: 25px;
  344. color: {color:Meet Title};
  345. margin-top: 90px;}
  346.  
  347. #lin a{
  348. text-align: center;
  349. padding-left: 3px;
  350. padding-right: 3px;}
  351.  
  352. </style>
  353.  
  354. </head>
  355. <body>
  356.  
  357. <div id="sidebar">
  358. <div id="hello"><b>{text:Hello Title}</b></div>
  359. <div id="meet"><b>{text:Meet Title}</b></div>
  360. {Description}
  361. <br><br><div id="lin"><div align="center"><a href="/">home</a> {block:ifLink1Title}- <a href="{text:Link 1}">{text:Link 1 Title}</a>
  362. {/block:ifLink1Title}
  363. {block:ifLink2Title}-
  364. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  365. {/block:ifLink2Title}
  366. {block:ifLink3Title}-
  367. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  368. {/block:ifLink3Title}
  369. {block:ifLink4Title}-
  370. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  371. {/block:ifLink4Title}
  372. {block:ifLink5Title}-
  373. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  374. {/block:ifLink5Title}
  375. {block:iflink6Title}-
  376. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  377. {/block:ifLink6Title}
  378. - <a href="http://pyschic.tumblr.com">theme</a></div></div>
  379. </div>
  380.  
  381. <div id="posts">
  382. {block:Posts}
  383. <div id="entry">
  384.  
  385. {block:Photo}
  386. {block:IndexPage}
  387. <div class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a></div>
  388. <div class="seal"><a href="{Permalink}">{NoteCount}</a></div>
  389. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px"></a>
  390. {block:ifshowcaptions}
  391. {block:Caption} {Caption} {/block:Caption}
  392. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  393. {/block:ifshowcaptions}
  394. {/block:IndexPage}
  395.  
  396. {block:PermalinkPage}
  397. <div align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
  398. {/block:PermalinkPage}
  399. {/block:Photo}
  400.  
  401. {block:Answer}
  402. <div id="questions">
  403. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right: 3px;">
  404. {Asker}: {Question}
  405. {Answer}</div>
  406. <div class="shark"><a href="{Permalink}">{TimeAgo}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  407. {/block:Answer}
  408.  
  409. {block:Photoset}
  410. {block:IndexPage}
  411. {Photoset-250}
  412. {block:ifshowcaptions}
  413. {block:Caption} {Caption} {/block:Caption}
  414. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  415. {/block:ifshowcaptions}
  416. <br><div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  417. {/block:IndexPage}
  418. {block:PermalinkPage}
  419. <div align="center">{Photoset-500}</div>
  420. {/block:PermalinkPage}
  421. {/block:Photoset}
  422.  
  423. {block:Text}
  424. <div id="eh">
  425. {block:Title}<font size="3"><a href="{permalink}">{Title}</a></font>{/block:Title}
  426. {Body}
  427. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div></div>
  428. {/block:Text}
  429.  
  430. {block:Link}
  431. <div id="eh">
  432. <font size="3"><a href="{URL}">{Name} »</a></font>
  433. {block:Description}{Description}{/block:Description}</div><br>
  434. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  435. {block:Link}
  436.  
  437. {block:Quote}
  438. <font size="3"><i>"{Quote}"</i></font>
  439. <br><br>{block:Source}<div align="right"><strong>- {Source}</strong></div>{/block:Source}
  440. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  441. <br>
  442. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  443. {/block:Quote}
  444.  
  445. {block:Chat}
  446. {block:Title}<font size="3">{Title}</font>{/block:Title}
  447. {block:Lines}
  448. <li>
  449. {block:Label}
  450. {Label}
  451. {/block:Label}
  452. {Line}
  453. </li>
  454. {/block:Lines}<br>
  455. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>
  456. {/block:Chat}
  457.  
  458. {block:Audio}
  459. <div id="vid">
  460. {AudioPlayerGrey}
  461. </div>
  462. {block:indexpage}{block:ifshowcaptions}
  463. {block:Caption} {Caption} {/block:Caption}
  464. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  465. {/block:ifshowcaptions}
  466. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div>{/block:indexpage}
  467. {/block:Audio}
  468.  
  469. {block:Video}
  470. {block:indexpage}
  471. <div id="vid">
  472. {Video-250}
  473. {block:ifshowcaptions}
  474. {block:Caption} {Caption} {/block:Caption}
  475. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  476. {/block:ifshowcaptions}
  477. <div class="shark"><a href="{ReblogURL}">{text:ReblogText}</a> • <a href="{Permalink}">{NoteCount}</a></div></div>{/block:indexpage}
  478. {block:PermalinkPage}
  479. <div align="center">{Video-500}</div>
  480. {/block:PermalinkPage}
  481. {/block:Video}
  482.  
  483. {block:PermalinkPage}</a>
  484. <div id="perm">
  485. {block:Caption} {Caption} {/block:Caption}
  486. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  487. {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}
  488. {block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  489.  
  490. <br>{TimeAgo}
  491. {block:RebloggedFrom}<br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  492. <br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  493. {/block:RebloggedFrom}
  494. <br>
  495. {block:PostNotes}
  496. {PostNotes}
  497. {/block:PostNotes}
  498. </div>
  499. {/block:PermalinkPage}
  500. </div>
  501. {/block:Posts}
  502. </div>
  503. </div>
  504. </div>
  505. </div>
  506. </div>
  507. <div id="flight"><a href="http://pyschic.tumblr.com/"><img src="http://i.imgur.com/pbioRZL.gif"></a></div>
  508. {block:indexpage}
  509. {block:NextPage}<div id="nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  510. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  511. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  512.  
  513.  
  514. <script type="text/javascript">
  515. $(window).load(function () {
  516. var $content = $('#posts');
  517. $content.masonry({itemSelector: '#entry'}),
  518. $content.infinitescroll({
  519. navSelector : '#nav',
  520. nextSelector : '#nav a',
  521. itemSelector : '#entry',
  522. loading: {
  523. finishedMsg: '',
  524. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  525. },
  526. bufferPx : 600,
  527. debug : false,
  528. },
  529. // call masonry as a callback.
  530. function( newElements ) {
  531. var $newElems = $( newElements );
  532. $newElems.hide();
  533. // ensure that images load before adding to masonry layout
  534. $newElems.imagesLoaded(function(){
  535. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  536.  
  537.  
  538. });
  539. });
  540. });
  541. </script>
  542. {/block:indexpage}</div>
  543. </body>
  544. </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!