globalthemes

Theme3 - Caïro

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