Advertisement
Guest User

Theme 01 - Christinaxox

a guest
Jun 22nd, 2013
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.60 KB | None | 0 0
  1. <!--
  2. Christina Theme 01 :) Please keep the credit!
  3. Oh and please give me your opinion on my frist public themeee! I'd really appreciate it :D
  4. -->
  5.  
  6. <html lang="en">
  7. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml">
  9. <head>
  10. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  11.  
  12. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14. <script>
  15. (function($){
  16. $(document).ready(function(){
  17. $("a[title]").style_my_tooltips({
  18. tip_follows_cursor:true,
  19. tip_delay_time:90,
  20. tip_fade_speed:600,
  21. attribute:"title"
  22. });
  23. });
  24. })(jQuery);
  25. </script>
  26.  
  27.  
  28. <script type="text/javascript">
  29. <!--
  30.  
  31. // Disable Right Click Script
  32.  
  33. function IE(e)
  34. {
  35. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  36. {
  37. return false;
  38. }
  39. }
  40. function NS(e)
  41. {
  42. if (document.layers || (document.getElementById && !document.all))
  43. {
  44. if (e.which == "2" || e.which == "3")
  45. {
  46. return false;
  47. }
  48. }
  49. }
  50. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  51.  
  52. //-->
  53. </script>
  54.  
  55.  
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58.  
  59. <!--DEFAULT VARIABLES-->
  60. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  61. <meta name="color:background" content="#fff"/>
  62. <meta name="color:link" content="#777"/>
  63. <meta name="color:text" content="#777"/>
  64. <meta name="color:title" content="#333"/>
  65. <meta name="color:hover" content="#fff"/>
  66. <meta name="image:sidebar" content=""/>
  67. <meta name="image:background" content=""/>
  68. <meta name="image:bar" content=""/>
  69. <meta name="image:bar2" content=""/>
  70. <meta name="text:quote" content="be true to yourself"/>
  71. <meta name="image:quotebar" content=""/>
  72. <meta name="color:quotebar" content="#fff"/>
  73. <meta name="color:titleyo" content="#fff"/>
  74. <meta name="color:undertitleyo" content="#fff"/>
  75. <meta name="color:sidebar1" content="#bfe6d5"/>
  76. <meta name="color:sidebar2" content="#7dffd6"/>
  77. <meta name="color:sidebar3" content="#60feb1"/>
  78. <meta name="color:sidebar4" content="#40ed97"/>
  79. <meta name="image:center" content=""/>
  80. <meta name="color:striper" content="#8b9ce3"/>
  81. <meta name="color:striper1" content="#4063ed"/>
  82. <meta name="color:striperer" content="#8b9ce3"/>
  83. <meta name="color:striperer1" content="#4063ed"/>
  84. <meta name="color:permalinkborder" content="#344ba3"/>
  85. <meta name="color:permalinkshadow" content="#3e5ede"/>
  86. <meta name="text:ask" content="ask me"/>
  87. <meta name="text:submit" content="submit yo"/>
  88. <meta name="text:links" content="more linkss"/>
  89. <meta name="color:border" content="#000"/>
  90. <meta name="color:borderhover" content="#8abfed"/>
  91. <meta name="color:quote" content="#000"/>
  92. <meta name="color:miniquote" content="#5a58e0"/>
  93.  
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-
  99.  
  100. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  101.  
  102. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  103.  
  104. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.8;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  105.  
  106. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  107.  
  108.  
  109. p {
  110. margin:0px;
  111. margin-top:0px;
  112. }
  113.  
  114.  
  115. body {
  116. padding: 0px;
  117. margin: 0px;
  118. color:{color:text};
  119. font-family: 'Short Stack', cursive;
  120. line-height:14px;
  121. font-size:12px;
  122. background-color: {color:Background};
  123. background-image:url({image:Background});
  124. background-attachment: fixed;
  125. background-repeat: repeat;
  126. }
  127.  
  128.  
  129. a:link, a:active, a:visited{
  130. text-decoration: none;
  131. -webkit-transition: color 0.3s ease-out;
  132. -moz-transition: color 0.3s ease-out;
  133. transition: color 0.3s ease-out;
  134. color:{color:link};
  135. }
  136.  
  137. a:hover {
  138. text-decoration: none;
  139. font-style:;
  140. color: {color:Hover};
  141. text-shadow:2px 0px 2px #000;
  142. }
  143.  
  144. div#center{
  145. margin:auto;
  146. position:relative;
  147. width:1000px;
  148. background-color:;
  149. overflow:auto;
  150. overflow-y:hidden;
  151. }
  152.  
  153. #s-m-t-tooltip {
  154. max-width:300px;
  155. padding:6px 6px 6px 6px;
  156. margin:20px 0px 0px 20px;
  157. background: #fff; /* change the background color */
  158. border:1px double #000; /* change the border color */
  159. font-family: 'thousand years'; /* change the font */
  160. font-size:12px; /* change the font size */
  161. letter-spacing:0px; /* change the letter spacing */
  162. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  163. color:#000; /* change the text color */
  164. z-index:999999999999999999999999999999999999;
  165. }
  166.  
  167.  
  168. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  169. .entry {
  170. float:left;
  171. display: block;
  172. margin:5px;
  173. overflow:hidden;
  174. border: 2px solid {color:border};
  175. -webkit-border-radius:22px 10px / 10px 22px;;
  176. -moz-border-radius:22px 10px / 10px 22px;
  177. border-radius: 22px 10px / 10px 22px;
  178. width:232px;
  179. {block:PermalinkPage}
  180. width:450px;
  181. text-align:left;
  182. line-height:10px;
  183. {/block:PermalinkPage}
  184. background:white;
  185. background-image:URL();
  186. }
  187.  
  188. .entry:hover{
  189. border: 4px double {color:borderhover};
  190. -webkit-border-radius:22px 10px / 10px 22px;;
  191. -moz-border-radius:22px 10px / 10px 22px;
  192. border-radius: 22px 10px / 10px 22px;
  193. }
  194.  
  195. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  196. .entry .perma{
  197. width:auto;
  198. height: auto;
  199. margin-left:8px;
  200. position: absolute;
  201. line-height: 16px;
  202. overflow:hidden;
  203. text-align:center;
  204. top:8px;
  205. background:white;
  206. border: solid {color:permalinkborder} 2px;
  207. -webkit-border-radius:52px 30px / 30px 52px;;
  208. -moz-border-radius:52px 30px / 30px 52px;
  209. border-radius: 52px 30px / 30px 52px;
  210. -webkit-box-shadow:0px 0px 1px 1px {color:permalinkshadow};
  211. word-spacing:2px;
  212. letter-spacing:1px;
  213. opacity: 0.0;
  214. -webkit-transition: all .7s ease;
  215. -moz-transition: all .7s ease;
  216. -o-transition: all .7s ease;
  217. transition: all .7s ease;
  218.  
  219. }
  220.  
  221. .entry:hover .perma{
  222. overflow:visible;
  223. opacity:0.9;
  224. }
  225.  
  226.  
  227. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  228. #quotebar{
  229. z-index:99999;
  230. background-image:url('{image:quotebar}');
  231. background-color: {color:quotebar};
  232. border: 2px dotted #fff;
  233. -webkit-box-shadow: 0px 0px 30px #000;
  234. -moz-box-shadow: 0px 0px 30px #000;
  235. border: 2px dotted #fff;
  236. box-shadow: 0px 0px 30px #000;
  237. /*--CSS3 Rounded Corners--*/
  238. -webkit-border-radius: 10px;
  239. -moz-border-radius: 10px;
  240. border-radius: 10px;
  241. position:fixed;
  242. width:960px;
  243. margin-left:125px;
  244. height:52px;
  245. top:7px;
  246. padding:0px;
  247. border-bottom:3px none ;
  248. padding-right:3px;
  249. overflow:auto;
  250. text-align:center;
  251. padding-top:0px;
  252. padding-bottom:2px;
  253. font-size: 40px;
  254. font-family:'tell me a secret';
  255. }
  256.  
  257. #posts {
  258. width:750px;
  259. margin-top:75px;
  260. z-index:99;
  261. margin-left:228px;
  262. right:auto;
  263. left:auto;
  264. background-image:url('{image:center}');
  265. margin-right:auto;
  266. position:relative;
  267. overflow-y: hidden;
  268. border: solid #000 2px;
  269. opacity: 0.8;
  270. -webkit-transition: ease-in-out 0.8s;
  271. -moz-transition: ease-in-out 0.8s;
  272. -o-transition: ease-in-out 0.8s;
  273. }
  274.  
  275. #posts:hover{
  276. opacity:1;
  277. -webkit-transition: ease-in-out 0.8s;
  278. -moz-transition: ease-in-out 0.8s;
  279. -o-transition: ease-in-out 0.8s;
  280. }
  281.  
  282.  
  283. /*CUSTOMIZE SIDEBAR HERE*/
  284. #titleyo{
  285. position:fixed;
  286. margin-top:120px;
  287. margin-left:12px;
  288. height:40px;
  289. width:320px;
  290. color: {color:titleyo};
  291. font-family: 'agent orange';
  292. font-size:50px;
  293. letter-spacing: 2px;
  294. text-transform:uppercase;
  295. line-height:25px;
  296. text-shadow:2px 0px 2px #000;
  297. background:transparent;
  298. opacity:.7;
  299. z-index:999999;
  300. }
  301.  
  302. #undertitleyo{
  303. position:fixed;
  304. margin-top:140px;
  305. margin-left:80px;
  306. height:40px;
  307. width:320px;
  308. color: {color:undertitleyo};
  309. font-family:'love note';
  310. font-size:50px;
  311. letter-spacing: 2px;
  312. text-transform:lowercase;
  313. line-height:25px;
  314. text-shadow:2px 0px 2px #000;
  315. background:transparent;
  316. opacity:.7;
  317. z-index:999999;
  318. }
  319.  
  320. #sidebar{
  321. position:fixed !important;
  322. width:250px;
  323. background:white;
  324. border-top:10px solid {color:sidebar1};
  325. border-bottom:10px solid {color:sidebar2};
  326. border-right:10px solid {color:sidebar3};
  327. border-left:10px solid {color:sidebar4};
  328. -webkit-box-shadow: 0px 0px 10px #000;
  329. -moz-box-shadow: 0px 0px 10px #000;
  330. box-shadow: 0px 0px 10px #000;
  331. padding: 10px;
  332. height:auto;
  333. margin-top:180px;
  334. margin-left:-180px;
  335. text-align:center;
  336. opacity: 1;
  337. }
  338.  
  339.  
  340. #description{
  341. position:fixed;
  342. width:252px;
  343. height:auto;
  344. margin-left:0px;
  345. margin-top:30px;
  346. color:#000;
  347. background:white;
  348. border:1px solid #000;
  349. font-size:13px;
  350. font-family: 'bondoluo';
  351. line-height:18px;
  352. text-align:center;
  353. text-transform:normal;
  354. z-index:2;
  355. opacity:0;
  356. border-radius:5px;
  357. transform:rotate(180deg);
  358. -ms-transform:rotate(180deg); /* IE 9 */
  359. -webkit-transform:rotate(180deg); /* Safari and Chrome */
  360. transition: all 0.9s ease-out;
  361. -o-transition-transition: all 0.9s ease-out;
  362. -webkit-transition: all 0.9s ease-out;
  363. -moz-transition: all 0.9s ease-out;
  364. }
  365.  
  366. #sidebar:hover #description{
  367. opacity:1;
  368. transform:rotate(0deg);
  369. -ms-transform:rotate(0deg); /* IE 9 */
  370. -webkit-transform:rotate(0deg); /* Safari and Chrome */
  371. transition: all 0.9s ease-out;
  372. -o-transition-transition: all 0.9s ease-out;
  373. -webkit-transition: all 0.9s ease-out;
  374. -moz-transition: all 0.9s ease-out;
  375. }
  376.  
  377.  
  378. #nav{
  379. position:fixed;
  380. width:auto;
  381. height:35px;
  382. margin-left:0px;
  383. margin-top:-70px;
  384. color:{color:link};
  385. text-shadow:2px 0px 2px #000;
  386. background:white;
  387. border:1px solid #000;
  388. font-size:35px;
  389. font-family: 'one more night';
  390. line-height:35px;
  391. text-align:center;
  392. text-transform:normal;
  393. z-index:2;
  394. border-radius:5px;
  395. opacity:0;
  396. -webkit-transition: ease-in-out 0.8s;
  397. -moz-transition: ease-in-out 0.8s;
  398. -o-transition: ease-in-out 0.8s;
  399. }
  400.  
  401. #sidebar:hover #nav{
  402. opacity:1;
  403. -webkit-transition: ease-in-out 0.8s;
  404. -moz-transition: ease-in-out 0.8s;
  405. -o-transition: ease-in-out 0.8s;
  406. }
  407.  
  408. #striper{
  409. width: 40px;
  410. height: 1000px;
  411. position: fixed;
  412. margin-left: 10px;
  413. background: transparent;
  414. border-left: 5px solid {color:striper};
  415. border-right: 5px solid {color:striper1};
  416. opacity: 0.5;
  417. }
  418.  
  419. #striperer{
  420. height: 40px;
  421. width: 4000px;
  422. position: fixed;
  423. margin-left: -400px;
  424. top: 520px;
  425. background: transparent;
  426. border-top: 5px solid {color:striperer};
  427. border-bottom: 5px solid {color:striperer1};
  428. opacity: 0.5;
  429. }
  430.  
  431.  
  432. .bar{
  433. position:fixed;
  434. margin-left:1010px;
  435. top: 0px;
  436. width:70px;
  437. background-image:url({image:bar});
  438. height:100%;
  439. border-right: 5px solid #000;
  440. box-shadow: 0px 0px 2px #000;
  441. border-bottom:1px solid #fff;
  442. border-left: 1px solid #fff;
  443. border-right: 1px solid #fff;
  444. -webkit-box-shadow: 0px 0px 10px #000;
  445. -moz-box-shadow: 0px 0px 10px #000;
  446. box-shadow: 0px 0px 10px #000;
  447. }
  448.  
  449. .bar2{
  450. position:fixed;
  451. margin-left:137px;
  452. width:70px;
  453. top: 0px;
  454. background-image:url({image:bar2});
  455. height:100%;
  456. border-right: 5px solid #000;
  457. box-shadow: 0px 0px 2px #000;
  458. border-bottom:1px solid #fff;
  459. border-left: 1px solid #fff;
  460. border-right: 1px solid #fff;
  461. -webkit-box-shadow: 0px 0px 10px #000;
  462. -moz-box-shadow: 0px 0px 10px #000;
  463. box-shadow: 0px 0px 10px #000;
  464. }
  465.  
  466.  
  467.  
  468. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  469.  
  470. @font-face { font-family: "love note"; src: url('http://static.tumblr.com/jryz3h8/ZkImortuq/ck-love-note.ttf'); }
  471.  
  472. @font-face { font-family: "tell me a secret"; src: url('http://static.tumblr.com/jryz3h8/4Avmoru6q/tell_me_a_secret_light.ttf'); }
  473.  
  474. @font-face { font-family: "call me maybe"; src: url('http://static.tumblr.com/jryz3h8/fhbmorvj0/call_me_maybe.ttf'); }
  475.  
  476. @font-face { font-family: "bondoluo"; src: url('http://static.tumblr.com/jryz3h8/7VNmorvpb/bondoluopeek.ttf'); }
  477.  
  478. @font-face {font-family: 'ma sexy'; src: url('http://static.tumblr.com/elxxksw/R4Omocqmq/ma_sexy.ttf'); }
  479.  
  480. @font-face {font-family: 'agent orange'; src: url('http://static.tumblr.com/jryz3h8/7yEmosvpd/agentorange.ttf'); }
  481.  
  482. @font-face {font-family: 'one more night'; src: url('http://static.tumblr.com/jryz3h8/nIZmosw3m/kgonemorenight.ttf'); }
  483.  
  484. @font-face {font-family: 'thousand years'; src: url('http://static.tumblr.com/jryz3h8/fWamoswfy/kgathousandyears.ttf'); }
  485.  
  486.  
  487.  
  488. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  489. .title{
  490. line-height: 12px;
  491. color:{color:Title};
  492. font-weight: normal;
  493. text-shadow:1px 1px 3px #000;
  494. font-family: 'call me maybe';
  495. font-size: 20px;
  496. }
  497.  
  498.  
  499. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  500. .permalink{
  501. text-transform: normal;
  502. display: block;
  503. text-align: right;
  504. text-decoration: none;
  505. }
  506.  
  507.  
  508. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  509. #infscr-loading{
  510. bottom: -70px;
  511. position: absolute;
  512. left: 50%;
  513. margin-left:-8px;
  514. width:16px;
  515. height:11px;
  516. overflow:hidden;
  517. margin-bottom: 50px;
  518. }
  519.  
  520. #postnotes{
  521. text-align: justify;}
  522.  
  523. #postnotes blockquote{
  524. border: 0px;}
  525.  
  526. blockquote{
  527. padding:0px 0px 2px 5px;
  528. margin:0px 0px 2px 10px;
  529. border-left: 1px dotted #555555;
  530. }
  531.  
  532. blockquote p, ul{
  533. margin:0px;
  534. padding:0px;
  535. }
  536.  
  537. a img{border: 0px;}
  538.  
  539.  
  540. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  541.  
  542. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  543. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  544.  
  545. .notes img{width:10px; position:relative; top:3px;}
  546. <--ses-->
  547. small{font-size: 90%;}
  548.  
  549. {CustomCSS}
  550.  
  551. </style>
  552.  
  553. {block:IndexPage}
  554. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  555. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  556.  
  557. <script type="text/javascript">
  558. $(window).load(function(){
  559. var $wall = $('#posts');
  560. $wall.imagesLoaded(function(){
  561. $wall.masonry({
  562. itemSelector: '.entry, .entry_photo',
  563. isAnimated : false
  564. });
  565. });
  566.  
  567. $wall.infinitescroll({
  568. navSelector : '#pagination',
  569. nextSelector : '#pagination a',
  570. itemSelector : '.entry, .entry_photo',
  571. bufferPx : 2000,
  572. debug : false,
  573. errorCallback: function() {
  574. $('#infscr-loading').fadeOut('normal');
  575. }},
  576. function( newElements ) {
  577. var $newElems = $( newElements );
  578. $newElems.hide();
  579. $newElems.imagesLoaded(function(){
  580. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  581. });
  582. }); $('#posts').show(500);
  583. });
  584. </script>
  585.  
  586.  
  587. {/block:IndexPage}
  588.  
  589. <div id="undertitleyo">{Title}</div>
  590. <div id="titleyo">{Title}</div>
  591.  
  592. <link rel="shortcut icon" href="{Favicon}" />
  593. <meta name="viewport" content="width=820" />
  594.  
  595. <a title="Back to Top" href="#" style="position: fixed; bottom: 60px; right: 70px;"><img src="http://i1155.photobucket.com/albums/p559/scrolltotop/arrow37.png"></a>
  596. </head>
  597.  
  598. <body>
  599. <BODY onselectstart="return false;" ondragstart="return false;">
  600. <div class="wrapper">
  601. <div class="header">
  602. </div>
  603.  
  604.  
  605. <div id="cage">
  606. <div id="center">
  607.  
  608. <div id="striper"></div>
  609. <div id="striperer"></div>
  610.  
  611. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  612. <div id="quotebar">
  613. <font face="love note"><font size="6"><font color="{color:miniquote}">
  614. {text:quote}
  615. </font></font></font>
  616. <br><font color="{color:quote}">
  617. {text:quote}</font>
  618. </div>
  619. <div id="sidebar">
  620. <center>
  621. <a href="/"><img src="{image:sidebar}" style="margin:-10px; background: white; border:1px dashed #aaa; padding: 10px;" width=100%></a>
  622. <div id="description">{description}</div>
  623.  
  624. <div id="nav">
  625. <a href="" title="{text:ask}">ask</a>
  626. <a href="" title="{text:submit}">submit</a>
  627. <a href="" title="{text:links}">links</a>
  628. <a href="http://flip-f-l-o-p-s.tumblr.com/" title="christina">theme</a>
  629. <br>
  630. </div>
  631. </center>
  632. </div>
  633. <!------------------------------------->
  634.  
  635.  
  636. <div class="left">
  637. <div class="bar"></div>
  638. <div class="bar2"></div>
  639. <div id="posts">
  640. {block:Posts}
  641. <div class="entry">
  642.  
  643. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  644.  
  645. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  646. {/block:Text}
  647.  
  648. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  649.  
  650. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  651.  
  652. {block:Photo}
  653. {block:IndexPage}
  654. <center>
  655. <div class="perma">
  656. <a href="{Permalink}">{NoteCount}</a> ☯ <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  657.  
  658. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="380"/></a></div>
  659. {/block:IndexPage}
  660. {block:PermalinkPage}
  661. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="380"/></a></div>
  662.  
  663. {LinkCloseTag}
  664. {/block:PermalinkPage}
  665. {/block:Photo}
  666.  
  667. {block:Photoset}
  668. {block:IndexPage}
  669. <center>
  670.  
  671. <div class="perma">
  672. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  673.  
  674. {Photoset-250}</center>
  675. {/block:IndexPage}
  676. {block:PermalinkPage}
  677. <center>
  678. {Photoset-500}</center>
  679. {/block:PermalinkPage}
  680. {/block:Photoset}
  681.  
  682. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  683.  
  684. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  685.  
  686. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  687. <ul class="chat">
  688. {block:Lines}
  689. <li class="user_{UserNumber}">
  690. {block:Label}
  691. <span class="label">{Label}</span>
  692. {/block:Label}
  693.  
  694. {Line}
  695. </li>
  696. {/block:Lines}
  697. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  698. {/block:Chat}
  699.  
  700. {block:Audio}
  701. <div style="width:200px; height:30px;">
  702. {AudioPlayerBlack}
  703. </div>
  704. {block:IndexPage}<span class="permalink">
  705. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  706. </span>{/block:IndexPage}
  707. {/block:Audio}
  708.  
  709. {block:Video}
  710. {block:IndexPage}
  711. <center>
  712. <div class="perma">
  713. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  714. {Video-250}</center>
  715. {/block:IndexPage}
  716. {block:PermalinkPage}
  717. <center>
  718. {Video-400}</center>
  719. {/block:PermalinkPage}
  720. {block:Video}
  721.  
  722.  
  723. {block:PostNotes}<div align="middle">{caption}</div>
  724. <center>
  725.  
  726. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  727.  
  728. {block:HasTags}
  729. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  730. {block:RebloggedFrom}
  731. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  732. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  733.  
  734. {/block:RebloggedFrom}
  735. </center></span>
  736. <br>
  737. <div id="postnotes">{PostNotes}</div><br>
  738.  
  739. <center>{block:ContentSource}
  740. <br><a href="{SourceURL}">
  741. {lang:Source}:
  742. {block:SourceLogo}
  743. <img src="{BlackLogoURL}" width="{LogoWidth}"
  744. height="{LogoHeight}" alt="{SourceTitle}" />
  745. {/block:SourceLogo}
  746. {block:NoSourceLogo}
  747. {SourceLink}
  748. {/block:NoSourceLogo}
  749. </a>
  750. {/block:ContentSource}</center>
  751.  
  752. {/block:PostNotes}
  753. </div>
  754. {/block:Posts}
  755. </div></div>
  756.  
  757. {block:IndexPage}
  758. {block:Pagination}
  759. <div id="pagination">
  760. {block:NextPage}
  761. <a id="nextPage" href="{NextPage}"></a>
  762. {/block:NextPage}
  763. {block:PreviousPage}
  764. <a href="{PreviousPage}"></a>
  765. {/block:PreviousPage}
  766. </div>
  767. {/block:Pagination}
  768. {/block:IndexPage}
  769. </body>
  770. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement