globalthemes

Theme1 - Brussels

May 5th, 2015
3,464
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  9.  
  10. <title>{title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  15.  
  16. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  17.  
  18. <meta name="if:1 Column" content="0"/>
  19. <meta name="if:2 Column" content="1"/>
  20. <meta name="if:3 Column" content="0"/>
  21. <meta name="if:Small Posts" content="0"/>
  22. <meta name="if:Medium Posts" content="1"/>
  23. <meta name="if:Big Posts" content="0"/>
  24. <meta name="if:Right Sidebar" content="0"/>
  25. <meta name="if:Post Borders" content="1"/>
  26. <meta name="if:Transparent" content="0"/>
  27. <meta name="if:Use Title" content="1"/>
  28. <meta name="if:Use Picture" content="1"/>
  29. <meta name="if:Box Shadow" content="0"/>
  30. <meta name="if:Cover Background" content="0"/>
  31. <meta name="if:Tiny Scrollbar" content="0"/>
  32. <meta name="if:Tiny Cursor" content="1"/>
  33. <meta name="if:Inverted Tumblr Controls" content="0"/>
  34. <meta name="if:Use Scroll To Top" content="0"/>
  35. <meta name="color:Background" content="#FFFFFF"/>
  36. <meta name="color:Blogtitle" content="#000000"/>
  37. <meta name="color:Text" content="#130C11"/>
  38. <meta name="color:Title" content="#130C11"/>
  39. <meta name="color:Posts" content="#FFFFFF"/>
  40. <meta name="color:Sidebar" content="#FFFFFF"/>
  41. <meta name="color:Shadows" content="#000000"/>
  42. <meta name="color:Borders" content="#000000"/>
  43. <meta name="color:Links" content="#000000"/>
  44. <meta name="color:Links Hover" content="#130C11"/>
  45. <meta name="color:Permalink" content="#C0C0C0"/>
  46. <meta name="color:permalink Hover" content="#FFFFFF"/>
  47. <meta name="color:Permalink bg" content="#FFFFFF"/>
  48. <meta name="color:Scrollbar" content="#130C11"/>
  49. <meta name="color:Scrollbar Background" content="#000000"/>
  50. <meta name="image:Background" content="1"/>
  51. <meta name="image:Sidebar" content="1"/>
  52. <meta name="text:Opacity" content="0.9"/>
  53. <meta name="text:Link One" content="" />
  54. <meta name="text:Link One Title" content="" />
  55. <meta name="text:Link Two" content="" />
  56. <meta name="text:Link Two Title" content="" />
  57. <meta name="text:Link Three" content="" />
  58. <meta name="text:Link Three Title" content="" />
  59. <meta name="text:Link Four" content="" />
  60. <meta name="text:Link Four Title" content="" />
  61. <meta name="text:Link Five" content="" />
  62. <meta name="text:Link Five Title" content="" />
  63. <meta name="text:Link Six" content="" />
  64. <meta name="text:Link Six Title" content="" />
  65.  
  66. <style type="text/css">
  67.  
  68. {block:iftinyscrollbar}
  69. ::-webkit-scrollbar {
  70. height:auto;
  71. width:9px;
  72. background-color: {color:Scrollbar};
  73. border: 4px solid {color:Scrollbar Background};
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb{
  77. height:auto;
  78. background-color:{color:scrollbar};
  79. border: 2px solid {color:scrollbar background};
  80. border-radius: 10px;
  81. }
  82.  
  83. {/block:iftinyscrollbar}
  84.  
  85. ::selection {
  86. background: #EEEEEE; /* Safari */
  87. }
  88. ::-moz-selection {
  89. background: #EEEEEE; /* Firefox */
  90. }
  91.  
  92. .wrapper {
  93. margin: 0px auto;
  94. width:850px;
  95. {block:indexpage}
  96. {block:if1column}
  97. width:550px;
  98. {/block:if1column}
  99. {block:if2column}
  100. width:850px;
  101. {/block:if2column}
  102. {block:if3column}
  103. width:1100px;
  104. {/block:if3column}
  105. {/block:indexpage}
  106. {block:permalinkpage}
  107. width:650px;
  108. {/block:permalinkpage}
  109. }
  110.  
  111. .tmblr-iframe{
  112. z-index:9999999999999999999!important;
  113. position:fixed !important;
  114. top: 3px;
  115. right: 3px;
  116. {block:ifInvertedTumblrControls}
  117. white-space :nowrap;
  118. -webkit-filter: invert(100%);
  119. -moz-filter: invert(100%);
  120. -o-filter: invert(100%);
  121. -ms-filter: invert(100%);
  122. filter: invert(100%);
  123. opacity:0.9;
  124. {/block:ifInvertedTumblrControls}
  125.  
  126. }
  127.  
  128. body {
  129. margin: 0px;
  130. padding: 0px;
  131. color:{color:text};
  132. background-color: {color:Background};
  133. background-image:url({image:background});
  134. background-attachment: fixed !important;
  135. {block:ifNotCoverBackground}
  136. background-size: repeat;
  137. {/block:ifNotCoverBackground}
  138. {block:ifCoverBackground}
  139. background-size:cover;
  140. {/block:ifCoverBackground}
  141. font-family:arial;
  142. font-size: 10px;
  143. line-height:120%;
  144. color:{color:text};
  145. {block:iftinycursor}
  146. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  147. {/block:iftinycursor}
  148. }
  149.  
  150. a:link, a:active, a:visited {
  151. color: {color:Links};
  152. text-decoration: none;
  153. -webkit-transition: color 0.5s ease-out;
  154. -moz-transition: color 0.5s ease-out;
  155. {block:iftinycursor}
  156. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  157. {/block:iftinycursor}
  158. }
  159.  
  160. a:hover {
  161. color:{color:Links Hover};
  162. text-decoration: none;
  163. -webkit-transition: color 0.3s ease-out;
  164. -moz-transition: color 0.3s ease-out;
  165. {block:iftinycursor}
  166. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  167. {/block:iftinycursor}
  168. }
  169.  
  170. .entry {
  171. margin:25px;
  172. float:left;
  173. font-size: 12px;
  174. padding:8px;
  175. {block:iftransparent}
  176. background-color:transparent;
  177. {/block:iftransparent}
  178. {block:ifnottransparent}
  179. background-color:{color:posts};
  180. {/block:ifnottransparent}
  181. {block:indexpage}
  182. width:220px;
  183. {block:ifsmallposts}
  184. width:200px;
  185. {/block:ifsmallposts}
  186. {block:ifmediumposts}
  187. width:220px;
  188. {/block:ifmediumposts}
  189. {block:ifbigposts}
  190. width:240px;
  191. {/block:ifbigposts}
  192. {/block:indexpage}
  193. {block:permalinkpage}
  194. width:400px;
  195. {/block:permalinkpage}
  196. {block:ifpostborders}
  197. border:1px solid {color:borders};
  198. {/block:ifpostborders}
  199. {block:ifnotpostborders}
  200. border:1px solid transparent;
  201. {/block:ifnotpostborders}
  202. {block:ifboxshadow}
  203. box-shadow:5px 5px 0px {color:shadows};
  204. {/block:ifboxshadow}
  205. }
  206.  
  207. .entry .photo {
  208. opacity:{text:opacity};
  209. z-index:99999999;
  210. -webkit-transition:all .5s ease-in-out;
  211. -moz-transition:all .5s ease-in-out;
  212. -o-transition:all .5s ease-in-out;
  213. transition:all .5s ease-in-out;
  214. }
  215.  
  216. .entry:hover .photo {
  217. opacity:1;
  218. -webkit-transition:all .5s ease-in-out;
  219. -moz-transition:all .5s ease-in-out;
  220. -o-transition:all .5s ease-in-out;
  221. transition:all .5s ease-in-out;
  222. }
  223.  
  224. .entry .photoset {
  225. opacity:{text:opacity};
  226. z-index:99999999;
  227. -webkit-transition:all .5s ease-in-out;
  228. -moz-transition:all .5s ease-in-out;
  229. -o-transition:all .5s ease-in-out;
  230. transition:all .5s ease-in-out;
  231. }
  232.  
  233. .entry:hover .photoset {
  234. opacity:1;
  235. -webkit-transition:all .5s ease-in-out;
  236. -moz-transition:all .5s ease-in-out;
  237. -o-transition:all .5s ease-in-out;
  238. transition:all .5s ease-in-out;
  239. }
  240.  
  241. .entry .perm {
  242. position:absolute;
  243. bottom:10px;
  244. right:10px;
  245. color:white;
  246. z-index:999;
  247. }
  248.  
  249. .entry .reb {
  250. padding:6px;
  251. background-color:rgba(181,181,181,.6);
  252. opacity:0;
  253. z-index:99;
  254. display:inline-block;
  255. margin:5px;
  256. border:1px solid white;
  257. -webkit-transition: all 0.3s linear;
  258. -webkit-transition: all 0.3s linear;
  259. -moz-transition: all 0.3s linear;
  260. transition: all 0.3s linear;
  261. }
  262.  
  263. .entry:hover .reb {
  264. opacity:.9;
  265. -webkit-transition: all 0.3s linear;
  266. -webkit-transition: all 0.3s linear;
  267. -moz-transition: all 0.3s linear;
  268. transition: all 0.3s linear;
  269. }
  270.  
  271. .reb a {
  272. color:white;
  273. }
  274.  
  275. .entry .not {
  276. padding:6px;
  277. height:12px;
  278. line-height:12px;
  279. border:1px solid white;
  280. background-color:rgba(181,181,181,.6);
  281. text-transform:capitalize;
  282. opacity:0;
  283. z-index:99;
  284. display:inline-block;
  285. margin:5px;
  286. -webkit-transition: all 0.3s linear;
  287. -webkit-transition: all 0.3s linear;
  288. -moz-transition: all 0.3s linear;
  289. transition: all 0.3s linear;
  290. }
  291.  
  292. .entry:hover .not {
  293. opacity:.9;
  294. -webkit-transition: all 0.3s linear;
  295. -webkit-transition: all 0.3s linear;
  296. -moz-transition: all 0.3s linear;
  297. transition: all 0.3s linear;
  298. }
  299.  
  300. .not a {
  301. color:white;
  302. }
  303.  
  304. .dontremovethispls {
  305. position:fixed;
  306. bottom:2px;
  307. right:2px;
  308. z-index:99999999999;
  309. }
  310. .dontremovethispls img {
  311. width:25px;
  312. }
  313.  
  314. #pagination {
  315. display:none;
  316. }
  317.  
  318. .entry .perma {
  319. position:relative;
  320. text-align:right;
  321. width:100%;
  322. }
  323.  
  324. #posts {
  325. position:relative;
  326. {block:indexpage}
  327. {block:if1column}
  328. width:320px;
  329. {/block:if1column}
  330. {block:if2column}
  331. width:640px;
  332. {/block:if2column}
  333. {block:if3column}
  334. width:940px;
  335. {/block:if3column}
  336. {/block:indexpage}
  337. {block:permalinkpage}
  338. width:450px;
  339. {/block:permalinkpage}
  340. {block:ifrightsidebar}
  341. margin-left:5px;
  342. {/block:ifrightsidebar}
  343. {block:ifnotrightsidebar}
  344. margin-left:180px;
  345. {/block:ifnotrightsidebar}
  346. }
  347.  
  348. #sidebar {
  349. position:fixed;
  350. {block:indexpage}
  351. {block:ifrightsidebar}
  352. {block:if1column}
  353. margin-left:320px;
  354. {block:ifsmallposts}
  355. margin-left:300px;
  356. {/block:ifsmallposts}
  357. {block:ifnotsmallposts}
  358. margin-left:320px;
  359. {/block:ifnotsmallposts}
  360. {/block:if1column}
  361. {block:if2column}
  362. margin-left:610px;
  363. {block:ifsmallposts}
  364. margin-left:570px;
  365. {/block:ifsmallposts}
  366. {block:ifmediumposts}
  367. margin-left:610px;
  368. {/block:ifmediumposts}
  369. {block:ifbigposts}
  370. margin-left:640px;
  371. {/block:ifbigposts}
  372. {/block:if2column}
  373. {block:if3column}
  374. margin-left:890px;
  375. {block:ifsmallposts}
  376. margin-left:840px;
  377. {/block:ifsmallposts}
  378. {block:ifmediumposts}
  379. margin-left:890px;
  380. {/block:ifmediumposts}
  381. {block:ifbigposts}
  382. margin-left:940px;
  383. {/block:ifbigposts}
  384. {/block:if3column}
  385. {/block:ifrightsidebar}
  386. {block:ifnotrightsidebar}
  387. margin-left:5px;
  388. {/block:ifnotrightsidebar}
  389. {/block:indexpage}
  390. {block:permalinkpage}
  391. {block:ifrightsidebar}
  392. margin-left:500px;
  393. {/block:ifrightsidebar}
  394. {block:ifnotrightsidebar}
  395. margin-left:5px;
  396. {/block:ifnotrightsidebar}
  397. {/block:permalinkpage}
  398. margin-top:10%;
  399. width:150px;
  400. height:auto;
  401. }
  402.  
  403. #blogtitle{
  404. text-align:right;
  405. font-size: 12px;
  406. padding:2px;
  407. width:146px;
  408. line-height:110%;
  409. letter-spacing:2px;
  410. color: {color:blogtitle};
  411. border:1px solid {color:borders};
  412. background:{color:sidebar};
  413. }
  414.  
  415. #blogtitle a {
  416. color: {color:blogtitle};
  417. }
  418.  
  419. #picture img {
  420. position:relative;
  421. width:134px;
  422. height:auto;
  423. padding:8px;
  424. border:1px solid {color:borders};
  425. margin-top:10px;
  426. opacity:0.9;
  427. background:{color:sidebar};
  428. }
  429.  
  430. .description {
  431. position:relative
  432. height:auto;
  433. width:146px;
  434. margin-top:10px;
  435. line-height:115%;
  436. text-align:center;
  437. letter-spacing: 1px;
  438. font-size:10px;
  439. padding:2px;
  440. border:1px solid {color:borders};
  441. background:{color:sidebar};
  442. }
  443.  
  444. .what {
  445. font-size: 12px;
  446. width:150px;
  447. height:auto;
  448. text-align:center;
  449. border:1px solid {color:borders};
  450. margin-top:10px;
  451. line-height:100%;
  452. background:{color:sidebar};
  453. }
  454.  
  455. #infscr-loading {
  456. bottom: -70px;
  457. position: absolute;
  458. left: 50%;
  459. margin-left:-8px;
  460. width:16px;
  461. height:11px;
  462. overflow:hidden;
  463. margin-bottom: 50px;
  464. }
  465.  
  466. .links {
  467. display:inline-block;
  468. line-height:150%;
  469. margin:5px;
  470. }
  471.  
  472. .circle {
  473. font-size:12px;
  474. width:8px;
  475. height:8px;
  476. border:1px solid black;
  477. border-radius:8px;
  478. line-height:150%;
  479. -webkit-transition: all 0.3s linear;
  480. -webkit-transition: all 0.3s linear;
  481. -moz-transition: all 0.3s linear;
  482. transition: all 0.3s linear;
  483. }
  484.  
  485. .circle:hover {
  486. background-color:black;
  487. -webkit-transition: all 0.3s linear;
  488. -webkit-transition: all 0.3s linear;
  489. -moz-transition: all 0.3s linear;
  490. transition: all 0.3s linear;
  491. }
  492.  
  493. .title{
  494. font-size: 12px;
  495. line-height:10px;
  496. color: {color:Title};
  497. font-weight: normal;
  498. padding:0px 0px 0px 0px;
  499. }
  500.  
  501. #s-m-t-tooltip {
  502. max-width:200px;
  503. z-index:99999999999999;
  504. padding:3px;
  505. font-size:11px;
  506. color:{color:text};
  507. line-height:10px;
  508. margin:10px 14px 7px 17px;
  509. background:white;
  510. -moz-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  511. -webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  512. box-shadow:2px 2px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  513. }
  514.  
  515. .audioplayer {
  516. {block:indexpage}
  517. width:220px;
  518. height:220px;
  519. {block:ifsmallposts}
  520. width:200px;
  521. height:200px;
  522. {/block:ifsmallposts}
  523. {block:ifmediumposts}
  524. width:220px;
  525. height:220px;
  526. {/block:ifmediumposts}
  527. {block:ifbigposts}
  528. width:240px;
  529. height:240px;
  530. {/block:ifbigposts}
  531. {/block:indexpage}
  532. {block:permalinkpage}
  533. width:400px;
  534. height:400px;
  535. {/block:permalinkpage}
  536. }
  537.  
  538. .album {
  539. position:absolute;
  540. z-index:4;
  541. {block:indexpage}
  542. width:220px;
  543. height:220px;
  544. {block:ifsmallposts}
  545. width:200px;
  546. height:200px;
  547. {/block:ifsmallposts}
  548. {block:ifmediumposts}
  549. width:220px;
  550. height:220px;
  551. {/block:ifmediumposts}
  552. {block:ifbigposts}
  553. width:240px;
  554. height:240px;
  555. {/block:ifbigposts}
  556. {/block:indexpage}
  557. {block:permalinkpage}
  558. width:400px;
  559. height:400px;
  560. {/block:permalinkpage}
  561. }
  562.  
  563. .yh {
  564. position:absolute;
  565. width:210px;
  566. {block:ifsmallposts}
  567. width:190px;
  568. {/block:ifsmallposts}
  569. {block:ifmediumposts}
  570. width:210px;
  571. {/block:ifmediumposts}
  572. {block:ifbigposts}
  573. width:230px;
  574. {/block:ifbigposts}
  575. margin:5px;
  576. top:8px;
  577. padding-bottom:5px;
  578. opacity:0;
  579. z-index:999999;
  580. background:white;
  581. -webkit-transition: all 0.5s linear;
  582. -webkit-transition: all 0.5s linear;
  583. -moz-transition: all 0.5s linear;
  584. transition: all 0.5s linear;
  585. }
  586.  
  587. .audioplayer:hover .yh {
  588. opacity:.9;
  589. -webkit-transition: all 0.5s linear;
  590. -webkit-transition: all 0.5s linear;
  591. -moz-transition: all 0.5s linear;
  592. transition: all 0.5s linear;
  593. }
  594.  
  595. .album img {
  596. float:left;
  597. {block:indexpage}
  598. width:220px;
  599. height:220px;
  600. {block:ifsmallposts}
  601. width:200px;
  602. height:200px;
  603. {/block:ifsmallposts}
  604. {block:ifmediumposts}
  605. width:220px;
  606. height:220px;
  607. {/block:ifmediumposts}
  608. {block:ifbigposts}
  609. width:240px;
  610. height:240px;
  611. {/block:ifbigposts}
  612. {/block:indexpage}
  613. {block:permalinkpage}
  614. width:400px;
  615. height:400px;
  616. {/block:permalinkpage}
  617. opacity:.9;
  618. }
  619.  
  620. .playbutton {
  621. {block:indexpage}
  622. margin-left:100px;
  623. margin-top:100px;
  624. {block:ifsmallposts}
  625. margin-left:90px;
  626. margin-top:90px;
  627. {/block:ifsmallposts}
  628. {block:ifmediumposts}
  629. margin-left:100px;
  630. margin-top:100px;
  631. {/block:ifmediumposts}
  632. {block:ifbigposts}
  633. margin-left:110px;
  634. margin-top:110px;
  635. {/block:ifbigposts}
  636. {/block:indexpage}
  637. {block:permalinkpage}
  638. margin-left:240px;
  639. margin-top:240px;
  640. {/block:permalinkpage}
  641. opacity:0.5;
  642. width:26px;
  643. height:28px;
  644. overflow:hidden;
  645. position:absolute;
  646. z-index:999999;
  647. }
  648.  
  649. .song {
  650. position:relative;
  651. text-transform:capitalize;
  652. letter-spacing:1px;
  653. margin-left:5px;
  654. margin-top:5px;
  655. line-height:13px;
  656. font-size:10px;
  657. }
  658.  
  659. blockquote {
  660. padding:2px 2px 2px 5px;
  661. margin:4px 4px 4px 7px;
  662. border-left: 4px solid #dddddd;
  663. }
  664.  
  665. ul, ol, li {
  666. list-style:none;
  667. margin:2px 0 2px 0;
  668. padding:0px;
  669. }
  670.  
  671. .caption2 {
  672. color:{color:text};
  673. float:left;
  674. clear:left;
  675. }
  676.  
  677. .caption {
  678. color:{color:text};
  679. float:left;
  680. clear:left;
  681. width:100%;
  682. }
  683.  
  684. .caption img {
  685. width:100%;
  686. }
  687.  
  688. .question {
  689. margin-left:5px;
  690. margin-top:5px;
  691. {block:ifsmallposts}
  692. width:180px;
  693. {/block:ifsmallposts}
  694. {block:ifmediumposts}
  695. width:200px;
  696. {/block:ifmediumposts}
  697. {block:ifbigposts}
  698. width:220px;
  699. {/block:ifbigposts}
  700. padding:5px;
  701. border-bottom:1px solid {color:borders};
  702. font-weight:bold;
  703. }
  704.  
  705. #answer {
  706. margin-left:5px;
  707. margin-top:-5px;
  708. }
  709.  
  710. #answer img {
  711. width:100%;
  712. }
  713.  
  714. .notez {
  715. text-align:center;
  716. margin-top:5px;
  717. letter-spacing:1px;
  718. font-size:10px;
  719. line-height:110%;
  720. padding-bottom:1px;
  721. text-transform:capitalize;
  722. clear:both;
  723. }
  724.  
  725. {CustomCSS}
  726.  
  727. </style>
  728.  
  729.  
  730. {block:IndexPage}
  731.  
  732. <script type="text/javascript">
  733. (function($){
  734. $(document).ready(function(){
  735. $("[title],a[title],img[title]").style_my_tooltips({
  736. tip_follows_cursor:true,
  737. tip_delay_time:100,
  738. tip_fade_speed:300,
  739. attribute:"title"
  740. });
  741. });
  742. })(jQuery);
  743. </script>
  744. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><div class="dontremovethispls"><a href="http://aliensfromhell.tumblr.com/" target="_blank" title="Global Themes"><img src="http://static.tumblr.com/xnjw13b/Q0Ennw1f7/5e9d5cab.png"></a></div>
  745.  
  746. {block:ifUseScrollToTop}
  747. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  748. {/block:ifUseScrollToTop}
  749.  
  750. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  751. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  752. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  753.  
  754. <script type="text/javascript">
  755. $(window).load(function () {
  756. var $content = $('#posts');
  757. $content.masonry({itemSelector: '.entry'}),
  758. $content.infinitescroll({
  759. navSelector : 'div#pagination',
  760. nextSelector : 'div#pagination a#nextPage',
  761. itemSelector : '.entry',
  762. loading: {
  763. finishedMsg: '',
  764. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  765. },
  766. bufferPx : 600,
  767. debug : false,
  768. },
  769. // call masonry as a callback.
  770. function( newElements ) {
  771. var $newElems = $( newElements );
  772. $newElems.hide();
  773. // ensure that images load before adding to masonry layout
  774. $newElems.imagesLoaded(function(){
  775. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  776.  
  777.  
  778. });
  779. });
  780. });
  781. </script>
  782.  
  783. {/block:IndexPage}
  784.  
  785. </style>
  786.  
  787. </head>
  788.  
  789. <body onselectstart="return false;" ondragstart="return false;">
  790.  
  791.  
  792. <div class="wrapper">
  793.  
  794. <div id="sidebar">
  795. {block:ifusetitle}<div id="blogtitle"><a href="/">{title}</a></div>{/block:ifusetitle}
  796. {block:ifusepicture}<div id="picture"><a href="/"><img src="{image:sidebar}"></a></div>{/block:ifusepicture}
  797.  
  798. <div class="description">{description}</div>
  799. <div class="what">
  800. {block:iflinkonetitle}<div class="links"><a href="{text:link one}" title="{text:link one title}"><div class="circle"></div></a></div>{/block:iflinkonetitle}{block:iflinktwotitle}<div class="links"><a href="{text:link two}" title="{text:link two title}"><div class="circle"></div></a></div>{/block:iflinktwotitle}{block:iflinkthreetitle}<div class="links"><a href="{text:link three}" title="{text:link three title}"><div class="circle"></div></a></div>{/block:iflinkthreetitle}{block:iflinkfourtitle}<div class="links"><a href="{text:link four}" title="{text:link four title}"><div class="circle"></div></a></div>{/block:iflinkfourtitle}{block:iflinkfivetitle}<div class="links"><a href="{text:link five}" title="{text:link five title}"><div class="circle"></div></a></div>{/block:iflinkfivetitle}{block:iflinksixtitle}<div class="links"><a href="{text:link six}" title="{text:link six title}"><div class="circle"></div></a></div>{/block:iflinksixtitle}<div class="links"><a href="http://globalthemes.tumblr.com" title="Credit"><div class="circle"></div></a></div>
  801. </div></div>
  802.  
  803. <div id="posts">
  804.  
  805. {block:Posts}
  806. <div class="entry">
  807.  
  808. {block:Text}
  809. {block:Title}<span class="title">{Title}</span>{/block:Title}
  810. <div class="caption"><span>{Body}</span></div>
  811. {block:indexpage}<div class="perma"><a href="{permalink}">{notecount}</a> // <a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div>{/block:indexpage}
  812. {/block:Text}
  813.  
  814. {block:Link}
  815. <div style="border:1px solid {color:borders}; padding:2px"><center><a href="{URL}" class="title"><b>{Name}</b></a></center></div>
  816. {block:Description}<div class="caption">{Description}</div>{/block:Description}{block:indexpage}<div class="perma"><a href="{permalink}">{notecount}</a> // <a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div>{/block:indexpage}
  817. {block:Link}
  818.  
  819. {block:Photo}
  820. {block:IndexPage}
  821. <div class="photo" style="line-height:0px;">
  822. <div class="perm"><div class="not"><a href="{permalink}">{notecount}</a></div><div class="reb"><a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div></div>
  823. <div class="photo">{LinkOpenTag}<a href="{permalink}"><img width="100%" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" /></a>{LinkCloseTag}</div>
  824. </div>
  825. {/block:IndexPage}
  826. {block:PermalinkPage}
  827. {LinkOpenTag}
  828. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  829. {/block:Photo}
  830.  
  831. {block:Photoset}
  832. {block:IndexPage}
  833. <div class="perm"><div class="not"><a href="{permalink}">{notecount}</a></div><div class="reb"><a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div></div>
  834. <div style="width=100%; line-height:0px; overflow-x:hidden; overflow-y:hidden;"><center>{Photoset-250}</center></div>{/block:IndexPage}
  835. <center>{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>
  836. {/block:Photoset}
  837.  
  838. {block:Quote}
  839. <span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold; margin= -10px; text-transform:capitalize;">{Source}</div>{/block:Source}{block:indexpage}<div class="perma"><a href="{permalink}">{notecount}</a> // <a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div>{/block:indexpage}
  840. {/block:Quote}
  841.  
  842. {block:Chat}
  843. {block:Title}<span class="title">{Title}</span><p>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  844. </ul>{block:indexpage}<div class="perma"><a href="{permalink}">{notecount}</a> // <a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div>{/block:indexpage}
  845. {/block:Chat}
  846.  
  847. {block:Audio}
  848. <div class="audioplayer">
  849. <div class="album">
  850. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  851. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  852. {block:indexpage}<div class="yh">
  853. <div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  854. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div></div></div>
  855. <div class="perm"><div class="not"><a href="{permalink}">{notecount}</a></div><div class="reb"><a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div></div>{/block:indexpage}
  856. {/block:Audio}
  857.  
  858. {block:Video}
  859. {block:IndexPage}
  860. <div class="perm"><div class="not"><a href="{permalink}">{notecount}</a></div><div class="reb"><a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div></div>
  861. <div style="overflow-x:hidden; overflow-y:hidden;"><center>{video-250}</center></div>{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{/block:PermalinkPage}
  862. {block:Video}
  863.  
  864. {block:Answer}
  865. <div class="question">{Asker}: {Question}</div>
  866. <div id="answer">{Answer}</div>
  867. {block:indexpage}<div class="perma"><a href="{permalink}">{notecount}</a> // <a href="{reblogurl}" title="Reblog"><i class="fa fa-retweet"></i></a></div>{/block:indexpage}
  868. {/block:Answer}
  869.  
  870. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  871.  
  872. {block:PermalinkPage}
  873. {block:Date}
  874. {block:Caption}{Caption}{/block:Caption}<center>
  875. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>
  876. {block:NoteCount}{NoteCount} Notes{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  877. {/block:Date}
  878. {/block:PermalinkPage}
  879.  
  880. {block:PostNotes}{PostNotes}
  881. {/block:PostNotes}
  882. </div>
  883.  
  884. {/block:Posts}
  885. </div>
  886. </div>
  887. {block:IndexPage}<br>
  888. {block:Pagination}
  889. <div id="pagination">
  890. {block:NextPage}
  891. <a id="nextPage" href="{NextPage}">next</a>
  892. {/block:NextPage}
  893. {block:PreviousPage}
  894. <a href="{PreviousPage}">back</a>
  895. {/block:PreviousPage}
  896. </div>
  897. {/block:Pagination}
  898. {/block:IndexPage}
  899. </div>
  900.  
  901. </body>
  902.  
  903. </html>
Advertisement
Add Comment
Please, Sign In to add comment