Advertisement
konstantina

Alex Theme by perfectic

Aug 22nd, 2015
1,515
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.33 KB | None | 0 0
  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">
  3.  
  4. <!---------------------------------
  5. __   __  _   __  __  __ ___    __
  6. |__| |__ |_| |__ |__ /    |  | /
  7. |    |__ | \ |   |__ \__  |  | \__
  8.  
  9. Alex Theme
  10.  
  11. personal: perfectic.tumblr.com
  12. themes: perfecticthemes.tumblr.com
  13.  
  14. please don't remove the credit.
  15.  
  16. ---------------------------------->
  17.  
  18. <head>
  19.  
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22.  
  23.  
  24. <meta name="color:Background" content="#FFF"/>
  25. <meta name="color:Description Background" content="#f7dfd9"/>
  26. <meta name="color:Text" content="#000"/>
  27. <meta name="color:Navigation Links" content="#000"/>
  28. <meta name="color:Description" content="#000"/>
  29. <meta name="color:Title" content="#000"/>
  30. <meta name="color:Blogtitle" content="#deedfb"/>
  31. <meta name="color:Asker Url" content="#687cbd"/>
  32. <meta name="color:Links" content="#687cbd"/>
  33. <meta name="color:Links Hover" content="#000"/>
  34. <meta name="color:Side border" content="#f7dfd9"/>
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar Image" content=""/>
  38.  
  39. <meta name="if:Social tab" content="1" />
  40. <meta name="if:Stats tab" content="1" />
  41.  
  42. <meta name="text:Link One Title" content="link1" />
  43. <meta name="text:Link One" content="" />
  44. <meta name="text:Link Two Title" content="link2" />
  45. <meta name="text:Link Two" content="" />
  46. <meta name="text:Link Three Title" content="link3" />
  47. <meta name="text:Link Three" content="" />
  48. <meta name="text:Link Four Title" content="link4" />
  49. <meta name="text:Link Four" content="" />
  50. <meta name="text:Link Five Title" content="link5" />
  51. <meta name="text:Link Five" content="" />
  52. <meta name="text:FacebookUrl" content="your facebook url" />
  53. <meta name="text:TwitterUrl" content="your twitter url" />
  54. <meta name="text:InstagramUrl" content="your instagram url" />
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. @import url(http://fonts.googleapis.com/css?family=Grand+Hotel);
  62.  
  63.  
  64. iframe#tumblr_controls {
  65. right:28px;
  66. white-space:nowrap;
  67. -webkit-filter: invert(100%);
  68. -moz-filter: invert(100%);
  69. -o-filter: invert(100%);
  70. -ms-filter: invert(100%);
  71. filter: invert(100%);
  72. opacity:1;
  73. transition: .8s ease-in-out;
  74. -webkit-transition: .8s ease-in-out;
  75. -moz-transition: .8s ease-in-out;
  76. -o-transition: .8s ease-in-out; }
  77.  
  78.  
  79. .wrapper{
  80. margin: 0px auto;
  81. width: 100%;
  82. }
  83.  
  84.  
  85. body {
  86. position: relative;
  87. padding: 10px;
  88. margin: 0px;
  89. color:{color:text};
  90. background-color: {color:Background};
  91. background-image:url({image:Background});
  92. background-attachment: fixed;
  93. background-size: cover;
  94. }
  95.  
  96. a:link, a:active, a:visited{
  97. color:{color:Links};
  98. text-decoration: none;
  99. -webkit-transition: color 0.6s ease-out;
  100. -moz-transition: color 0.6s ease-out;
  101. }
  102.  
  103. a:hover{
  104. color:{color:Links Hover};
  105. -webkit-transition: color 0.6s ease-out;
  106. -moz-transition: color 0.6s ease-out;
  107. }
  108.  
  109. #posts {
  110. width: 900px;
  111. margin-top: 10px;
  112. margin-left:360px;
  113. }
  114.  
  115. #infscr-loading{
  116. bottom: -70px;
  117. position: absolute;
  118. left: 50%;
  119. width:16px;
  120. height:11px;
  121. overflow:hidden;
  122. margin-bottom: 50px;
  123. }
  124.  
  125. .entry {
  126. width:220px;
  127. overflow: hidden;
  128. position:relative;
  129. margin: 60px;
  130. padding: 15px;
  131. font-family: 'calibri';
  132. font-size: 15px;
  133. line-height:15px;
  134. letter-spacing:1px;
  135. border:1px solid #ddd;
  136. background:white;
  137. opacity:0.9;
  138. {block:PermalinkPage}
  139. width:500px;
  140. margin-left:170px;
  141. opacity:1;
  142. {/block:PermalinkPage}
  143. -webkit-transition: all 0.4s linear;
  144. -moz-transition: all 0.4s linear;
  145. transition: all 0.4s linear;
  146. }
  147.  
  148. #sidebar {
  149. position:fixed !important;
  150. width:140px;
  151. left:150px;
  152. top:150px;
  153. height:auto;
  154. padding:25px;
  155. padding-top:10px;
  156. overflow:hidden;
  157. border: 1px solid #ddd;
  158. font-family:'calibri';
  159. z-index:9999;
  160. }
  161.  
  162.  
  163. #navbar{
  164. position:fixed;
  165. width:65px;
  166. height: 10px;
  167. text-transform:uppercase;
  168. height:23px;
  169. top:172px;
  170. left:83px;
  171. padding-top:2px;
  172. border:1px solid #ddd;
  173. background-color:#ddd;
  174. font-family: 'calibri';
  175. z-index:999;
  176. -webkit-transition: all 0.4s linear;
  177. -moz-transition: all 0.4s linear;
  178. transition: all 0.4s linear;
  179. overflow:visible;
  180. }
  181.  
  182. #sideborder {
  183. width:15px;
  184. height:100%;
  185. position:fixed;
  186. right:0;
  187. bottom:0px;
  188. background-color:{color:Side border};
  189. z-index:5;}
  190.  
  191. .title{
  192. font-family: 'calibri';
  193. font-size: 17px;
  194. line-height:15px;
  195. color: {color:Title};
  196. font-weight: normal;
  197. }
  198.  
  199. .blogtitle{
  200. font-family: 'Grand Hotel';
  201. letter-spacing:2px;
  202. font-size: 25px;
  203. line-height: 35px;
  204. opacity:0.7;
  205. color: {color:Blogtitle};
  206. font-weight: normal;
  207. padding:0px 0px 0px 0px;
  208. }
  209.  
  210. .askerportrait{
  211. width:auto;
  212. height:auto;
  213. position:absolute;
  214. background:white;
  215. padding:10px;
  216. padding-bottom:7px;
  217. z-index:99999999999999999999;
  218. border:#ddd solid 1px;
  219. }
  220.  
  221. .nav a {
  222. font-family:'calibri';
  223. font-size:11px;
  224. letter-spacing:1px;
  225. line-height:27px;
  226. word-spacing:7px;
  227. opacity:0.7;
  228. text-align:right;
  229. padding-right:7px;
  230. padding-left:7px;
  231. color:{color:Navigation Links};
  232. -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  233. }
  234.  
  235. .nav:hover a{
  236. color: {color:Links Hover};
  237. -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  238. }
  239.  
  240. .portrait{
  241. width:70px;
  242. height:70px;
  243. background:white;
  244. padding:15px;
  245. z-index:99999999999999999999;
  246. border:#ddd solid 1px;
  247. }
  248.  
  249.  
  250. .asker {
  251. margin-left:60px;
  252. font-family:'calibri';
  253. font-size:13px;
  254. background-color:white;
  255. border:1px solid #ddd;
  256. padding-right:4px;
  257. padding-left:4px;
  258. padding-top:2px;
  259. padding-bottom:2px;
  260. }
  261.  
  262. .asker a {
  263. margin-left:0px;
  264. font-family:'calibri';
  265. text-transform:uppercase;
  266. font-size:10px;
  267. border:0px;
  268. padding-right:4px;
  269. padding-left:4px;
  270. padding-top:2px;
  271. padding-bottom:2px;
  272. color: {color:Asker Url};
  273. }
  274.  
  275. .asker:hover a{
  276. text-decoration:line-through;
  277. color: {color:Text};
  278. }
  279.  
  280. .desc a {
  281. font-size:14px;
  282. font-family:'calibri';
  283. color:{color:Description};
  284. }
  285.  
  286.  
  287. highlight{
  288. background:{color:Description Background};
  289. line-height:15px;
  290. margin:0px;
  291. padding:0px;
  292. }
  293.  
  294.  
  295.  .credit a {
  296. color:black;
  297. font-size: 13px;
  298. float: left;
  299. position: fixed;
  300. bottom: 10px;
  301. right: 30px;
  302. text-transform:lowercase;
  303. z-index:9999999999;
  304. border:1px solid #ddd;
  305. font-family:'calibri';
  306. padding:3px;
  307. }
  308.  
  309. .credit:hover a{
  310. text-decoration:line-through;
  311. color:black;
  312. }
  313.  
  314.  
  315. blockquote{
  316. padding:0px 0px 2px 5px;
  317. margin:0px 0px 2px 10px;
  318. border-left: 2px solid {color:Blogtitle};
  319. background-color:#ddd;
  320. }
  321.  
  322. iframe, img, embed, object, video {
  323. max-width: 100%;
  324. }
  325.  
  326. img {
  327. height: auto;
  328. width: auto;
  329. }
  330.  
  331. article {
  332. width: 41.5%;
  333. margin: 0 10px;
  334. }
  335.  
  336. .entry:hover {
  337. opacity: 1;
  338. filter: alpha(opacity = 80);
  339. -webkit-transition: all 0.4s linear;
  340. -moz-transition: all 0.4s linear;
  341. transition: all 0.4s linear;
  342. }  
  343.  
  344. .reblogbutton {
  345. height: auto;
  346. text-transform: uppercase;
  347. overflow: hidden;
  348. width: 230px;
  349. left:10px;
  350. text-align: center;
  351. font-size: 11px;
  352. font-family:'cambria';
  353. background: white;
  354. color:#999999;
  355. line-height: 15px;
  356. opacity: 0;
  357. padding:4px 3px;
  358. position:absolute;
  359. border-top:1px solid #ddd;
  360. filter: alpha(opacity = 0);
  361. -webkit-transition: all 0.4s linear;
  362. -moz-transition: all 0.4s linear;
  363. transition: all 0.4s linear;
  364. }
  365.  
  366. .entry:hover .reblogbutton {
  367. opacity: 1;
  368. bottom: 5px;
  369. left: 10px;
  370. font-family:'calibri';
  371. filter: alpha(opacity = 80);
  372. -webkit-transition: all 0.4s linear;
  373. -moz-transition: all 0.4s linear;
  374. transition: all 0.4s linear;
  375. }  
  376.  
  377. .textreblogbutton{
  378. font-family: 'calibri';
  379. font-size: 10px;
  380. text-align:right;
  381. text-transform: uppercase;
  382. }
  383.  
  384.  
  385. .entry .textreblogbutton{
  386. opacity: 1;
  387. width: 220px;
  388. margin-top: -14px;
  389. padding: 5px;
  390. position:absolute;
  391. -webkit-transition: all 0.4s linear;
  392. -moz-transition: all 0.4s linear;
  393. transition: all 0.4s linear;
  394. }
  395.  
  396.  
  397. #boxiebox {    
  398. font-size:8px;
  399. background-color:transparent;
  400. color:#777777;  
  401. position:fixed;
  402. letter-spacing:2px;
  403. text-transform:uppercase;
  404. right:40px;
  405. padding:5px;
  406. height:auto;
  407. font-family:'consolas';
  408. width:120px;
  409. top:40px;
  410. z-index:4;}
  411.  
  412.  
  413. #tab1{
  414. text-align:center;
  415. height:16px;
  416. overflow:hidden;
  417. border-bottom:1px solid #ddd;
  418. z-index:4;
  419. opacity:1;
  420. font-family:'consolas';
  421. -webkit-transition: all 0.4s ease-in-out;
  422. -moz-transition: all 0.4s ease-in-out;
  423. -o-transition: all 0.4s ease-in-out;}
  424.  
  425. .tab1 img{
  426. opacity:1;
  427. }
  428.  
  429. #tab1 a{
  430. text-decoration:underline;  }
  431.    
  432. #tab1 a:hover{
  433. text-decoration:none;}
  434.    
  435. #tab1:hover{
  436. height:65px; }
  437.  
  438.  
  439. #tab2{
  440. padding-top:7px;
  441. height:16px;
  442. overflow:hidden;
  443. border-bottom:1px solid #ddd;  
  444. z-index:4;
  445. -webkit-transition: all 0.4s ease-in-out;
  446. -moz-transition: all 0.4s ease-in-out;
  447. -o-transition: all 0.4s ease-in-out;}
  448.  
  449. #tab2 a{
  450. text-align:center;
  451. text-decoration:none; }
  452.    
  453. #tab2 a:hover{
  454. text-decoration:underline;}
  455.    
  456. #tab2:hover{
  457. height:125px; }
  458.  
  459. #tab3{
  460. padding-top:7px;
  461. height:14px;
  462. overflow:hidden;
  463. z-index:4;
  464. {block:ifNOTSocialtab}
  465. {block:ifNOTStatstab}
  466. opacity:0;
  467. {/block:ifNOTStatstab}
  468. {/block:ifNOTSocialtab}
  469.  
  470.  
  471.  
  472. -webkit-transition: all 0.4s ease-in-out;
  473. -moz-transition: all 0.4s ease-in-out;
  474. -o-transition: all 0.4s ease-in-out;}
  475.  
  476. #tab3 a{
  477. color:#777777;
  478. text-decoration:none;  }
  479.    
  480. #tab3 a:hover{
  481. text-decoration:underline;}
  482.    
  483.  
  484.  
  485.  
  486. ::-webkit-scrollbar { width: 5px; height: 4px; }
  487. ::-webkit-scrollbar-button:start:decrement,
  488. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
  489. ::-webkit-scrollbar-track-piece { background:#fff; }
  490. ::-webkit-scrollbar-thumb {height: 50px; background-color: #eae8e8; }
  491.  
  492. </style>
  493.  
  494. {block:IndexPage}
  495. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  496. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  497.  
  498. <script type="text/javascript">
  499. $(window).load(function () {
  500. var $content = $('#posts');
  501. $content.masonry({itemSelector: '.entry'}),
  502. $content.infinitescroll({
  503. navSelector : 'div#pagination',
  504. nextSelector : 'div#pagination a#nextPage',
  505. itemSelector : '.entry',
  506. loading: {
  507. finishedMsg: '',
  508. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  509. },
  510. bufferPx : 600,
  511. debug : false,
  512. },
  513. // call masonry as a callback.
  514. function( newElements ) {
  515. var $newElems = $( newElements );
  516. $newElems.hide();
  517. // ensure that images load before adding to masonry layout
  518. $newElems.imagesLoaded(function(){
  519. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  520.  
  521.  
  522. });
  523. });
  524. });
  525. </script>
  526.  
  527. {/block:IndexPage}
  528.  
  529. <title>{title}</title>
  530.  
  531. <link rel="shortcut icon" href="{Favicon}">
  532. <meta name="viewport" content="width=820" />
  533.  
  534. </head>
  535.  
  536. <body>
  537.  
  538. <div id="sideborder"></div>
  539.  
  540. <div id="sidebar">
  541. <center>
  542. <p><span class="blogtitle"><a href="/">{Title}</a></span></p>
  543.  
  544. <div class="portrait"><a href="/"><img src="{image:Sidebar Image}"></a> </div>
  545.  
  546. <p><div class="desc"><div style="font-size:14px; font-family:calibri;color:{color:Description}"><highlight>{Description}</highlight></div></div></p></center>
  547. </div>
  548.  
  549.  
  550. <div id="navbar">
  551.  
  552. <center>
  553.  
  554. LINKS<p>
  555.  
  556. <span class="nav"><a href="/">home</a></span>
  557.  
  558. <span class="nav"><a href="/ask">contact</a></span>
  559.  
  560. {block:iflinkone} <span class="nav"><a href="{text:Link One}">{text:Link One Title}</a></span>{/block:iflinkone}
  561.  
  562. {block:iflinktwo} <span class="nav"><a href="{text:Link Two}">{text:Link Two Title}</a></span>{/block:iflinktwo}
  563.  
  564. {block:iflinkthree} <span class="nav"><a href="{text:Link Three}">{text:Link Three Title}</a></span>{/block:iflinkthree}
  565.  
  566. {block:iflinkfour} <span class="nav"><a href="{text:Link Four}">{text:Link Four Title}</a></span>{/block:iflinkfour}
  567.  
  568. {block:iflinkfive} <span class="nav"><a href="{text:Link Five}">{text:Link Five Title}</a></span>{/block:iflinkfive}
  569.  
  570. {block:ifNOTSocialtab}{block:ifNOTStatstab}<span class="nav"><a href="http://perfectic.tumblr.com/">theme</a></span>{block:ifNOTStatstab}{block:ifNOTSocialtab}
  571.  
  572.  
  573.  
  574.  
  575. {block:HasPages} {block:Pages}  <span class="nav"><a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}</span>
  576.  
  577. </center>
  578. </div>
  579.  
  580. <div class="wrapper">
  581. <div id="posts">
  582.  
  583. {block:Posts}
  584.  
  585. <div class="entry">
  586.  
  587. {block:Text}<strong>{block:Title}<span class="title">{Title}</span>{/block:Title}</strong>{Body}<br>{block:IndexPage}
  588. <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  589. {/block:IndexPage}
  590. {/block:text}
  591.  
  592. {block:Photo}
  593. {block:IndexPage}{LinkOpenTag}
  594. <div class="photo">
  595. <a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  596. {LinkCloseTag}
  597. <div class="reblogbutton">
  598. <div class="background"><a href="{ReblogURL}" target="_blank">Reblog</a> // <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  599. {/block:IndexPage}
  600. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}
  601. <div style="text-align:right;">{block:Caption}
  602. {Caption}
  603. {/block:Caption}</div>
  604. {/block:PermalinkPage}</center>
  605. {/block:Photo}
  606.  
  607. {block:Photoset}
  608. {block:IndexPage}
  609. {Photoset-250}
  610. <div class="reblogbutton">
  611. <div class="background"><a href="{ReblogURL}" target="_blank">REBLOG</a> // <a href="{Permalink}">{NoteCountWithLabel}</a></div></div>
  612. {/block:IndexPage}
  613. {block:PermalinkPage}
  614. <center>{Photoset-400}</center>
  615. <div style="text-align:right;">
  616. {block:Caption}
  617. {Caption}
  618. {/block:Caption}</div>
  619. {/block:PermalinkPage}
  620. {/block:Photoset}
  621.  
  622. {block:Link}
  623. <a href="{URL}" class="title">{Name}</a><br>{block:Description}{Description}{/block:Description}<br>
  624. {block:IndexPage}
  625. <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  626. {/block:IndexPage}
  627. {/block:link}
  628.  
  629. {block:Answer}
  630. <div class="askerportrait"><img src="{AskerPortraitURL-30}"/></div>
  631. <div class="asker">{Asker}: {Question}</div>
  632. <div style="margin-left:60px;">{Answer}</div>
  633. {block:IndexPage}
  634. <br><span class="textreblogbutton"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  635. {/block:IndexPage}
  636. {/block:Answer}
  637.  
  638. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<i> - {Source}</i>{/block:Source}<br><br><br>{block:IndexPage}
  639. <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  640. {/block:IndexPage}
  641. {/block:Quote}
  642.  
  643. {block:Chat}
  644. {block:Title}<span class="title">{Title}</span>{/block:Title}
  645. <ul class="chat">
  646. {block:Lines}
  647. <li class="user_{UserNumber}">
  648. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  649. {Line}</li>
  650. {/block:Lines}</ul><br>
  651. {block:IndexPage}
  652. <span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  653. {/block:IndexPage}
  654. {/block:Chat}
  655.  
  656. {block:Audio}
  657. {block:AlbumArt}
  658. <div style="width:260px; height:auto; align:center;"><img src="{AlbumArtURL}"></div><br>{/block:AlbumArt}<div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div> {block:ExternalAudio}{/block:ExternalAudio}</div><br>
  659. {block:IndexPage}<span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>{/block:IndexPage}
  660. {block:PermalinkPage}
  661. <div style="text-align:right;">
  662. {block:Caption}
  663. {Caption}
  664. {/block:Caption}</div>
  665. {/block:PermalinkPage}
  666. {/block:Audio}
  667.  
  668. {block:Video}
  669. {block:IndexPage}
  670. {Video-250}
  671. <br><br><br><br<br><span class="textreblogbutton"><a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a> // <a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></span>
  672. {/block:IndexPage}
  673. {block:PermalinkPage}
  674. <center>{Video-400}</center>
  675. <div style="text-align:right;">{block:Caption}
  676. {Caption}
  677. {/block:Caption}</div>
  678. {/block:PermalinkPage}
  679. {block:Video}
  680.  
  681. {block:PermalinkPage}
  682. <center>
  683. <div style="text-align:right;"><p>{block:HasTags} tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</p></div>
  684. <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  685. {/block:PermalinkPage}
  686.  
  687.  
  688. {block:PostNotes}{PostNotes}
  689. {/block:PostNotes}
  690. </div>
  691.  
  692.  
  693. {/block:Posts}
  694. </div>
  695. </div>
  696. {block:IndexPage}
  697. {block:Pagination}
  698. <div id="pagination">
  699. {block:NextPage}
  700. <a id="nextPage" href="{NextPage}"></a>
  701. {/block:NextPage}
  702. {block:PreviousPage}
  703. <a href="{PreviousPage}"></a>
  704. {/block:PreviousPage}
  705. </div>
  706. {/block:Pagination}
  707. {/block:IndexPage}
  708. </div>
  709.  
  710. </body>
  711.  
  712. <div id="boxiebox">
  713.  
  714. {block:ifSocialtab}
  715.  
  716. <div id="tab1">
  717. <div style="text-align:center;">social</div>
  718. <p>{block:ifFacebookUrl}<a href="{FacebookUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/46-facebook-32.png"></a> {/block:ifFacebookUrl}
  719. {block:ifTwitterUrl}<a href="{TwitterUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/43-twitter-32.png"></a> {/block:ifTwitterUrl}
  720. {block:ifInstagramUrl}<a href="{InstagramUrl}"><img src="https://cdn3.iconfinder.com/data/icons/picons-social/57/78-instagram-32.png"></a> {/block:ifInstagramUrl}</p>
  721. </div>
  722. {/block:ifSocialtab}
  723.  
  724. {block:ifStatstab}
  725.  
  726. <div id="tab2">
  727. <div style="text-align:center;">stats</div>
  728. <br>
  729. <script language="JavaScript">
  730. var ref = (''+document.referrer+'');
  731. var w_h = window.screen.width + " x " + window.screen.height;
  732. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4962316&e1=online&e2=online&r=' + ref + '&wh=' + w_h + '"><\/script>');
  733. </script> <br><br>
  734.  
  735.  
  736. your ip is <script language="JavaScript" src="http://freehostedscripts.net/ip.php"></script> <br><br>
  737.  
  738. today is <script language="JavaScript" src="http://freehostedscripts.net/date.php"></script>
  739.  
  740. </div>
  741. {/block:ifStatstab}
  742.  
  743.  
  744. <div id="tab3">
  745. <div style="text-align:center;"><a href="http://perfectic.tumblr.com/">theme credit</a>
  746. </div>
  747.  
  748. <span class="credit">
  749. <a href="http://perfectic.tumblr.com/">perfectic theme</a>
  750. </span>
  751.  
  752.  
  753. <html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement