Advertisement
Jessicakim

Suraido - theme #016

Dec 3rd, 2012
8,207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.45 KB | None | 0 0
  1. <!---- suraido theme made by madarathemes
  2. don't take off the credits
  3. don't steal any code
  4. don't use this theme as a base ---->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <!-- DEFAULTS -->
  11. <meta name="if:Caption" content="1"/>
  12. <meta name="if:Tags" content="1"/>
  13. <meta name="if:EndlessScrolling" content="0"/>
  14. <meta name="if:PostSize1" content="1"/>
  15. <meta name="if:PostSize2" content="0"/>
  16. <meta name="if:PostSize3" content="0"/>
  17.  
  18. <!-- DEFAULT IMAGE -->
  19. <meta name="image:Background" content="http://static.tumblr.com/uobboj6/5zOm9ahdk/furley_bg__2x.png"/>
  20. <meta name="image:Picture" content="http://24.media.tumblr.com/tumblr_ly6bjycJGZ1qcat8ho1_500.jpg"/>
  21.  
  22. <!-- DEFAULTS COLORS -->
  23. <meta name="color:Background" content="#ddd"/>
  24. <meta name="color:Scrollbar" content="#bbb"/>
  25. <meta name="color:Text" content="#000"/>
  26. <meta name="color:Link" content="#888"/>
  27. <meta name="color:Link Hover" content="#000"/>
  28. <meta name="color:Blockquote" content="#888"/>
  29. <meta name="color:Postbox" content="#fff"/>
  30. <meta name="color:Postbox Shadow" content="#eee"/>
  31. <meta name="color:Title" content="#555"/>
  32. <meta name="color:Title Hover" content="#666"/>
  33. <meta name="color:Title Bar" content="#ddd"/>
  34. <meta name="color:Ask" content="#eee"/>
  35. <meta name="color:Ask Text" content="#000"/>
  36. <meta name="color:Permalink Border" content="#fff"/>
  37. <meta name="color:Permalink Text" content="#444"/>
  38. <meta name="color:Tag Box" content="#fff"/>
  39. <meta name="color:Tag Text" content="#888"/>
  40. <meta name="color:Navigation Border" content="#fff"/>
  41. <meta name="color:Navigation Text" content="#444"/>
  42. <meta name="color:Picture Border" content="#fff"/>
  43. <meta name="color:Description Box" content="#fff"/>
  44. <meta name="color:Description" content="#555"/>
  45. <meta name="color:Blog Name" content="#ccc"/>
  46. <meta name="color:Pagination" content="#000"/>
  47. <meta name="color:Selection BG" content="#ccc"/>
  48. <meta name="color:Selection Text" content="#fff"/>
  49. <meta name="color:Pagination Box" content="#ddd"/>
  50.  
  51. <!-- DEFAULTS LINKS -->
  52. <meta name="text:URL 01" content="http://"/>
  53. <meta name="text:URL 01 Title" content="Link 1"/>
  54. <meta name="text:URL 02" content="/"/>
  55. <meta name="text:URL 02 Title" content="Link 2"/>
  56. <meta name="text:URL 03" content="http://"/>
  57. <meta name="text:URL 03 Title" content="Link 3"/>
  58. <meta name="text:URL 04" content="/"/>
  59. <meta name="text:URL 04 Title" content="Link 4"/>
  60. <meta name="text:URL 05" content="http://"/>
  61. <meta name="text:URL 05 Title" content="Link 5"/>
  62. <meta name="text:URL 06" content="/"/>
  63. <meta name="text:URL 06 Title" content="Link 6"/>
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68.  
  69. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
  70.  
  71. <style type="text/css">
  72.  
  73. @font-face {
  74. font-family: "market deco";
  75. src: url('https://dl.dropboxusercontent.com/u/109376002/market_deco.ttf');
  76. }
  77.  
  78. @font-face{
  79. font-family: "haymaker";
  80. src: url('https://dl.dropboxusercontent.com/u/109376002/haymaker.ttf');
  81. }
  82.  
  83. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  84.  
  85. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  86.  
  87. ::-webkit-scrollbar-thumb{
  88. background-color: {color:Scrollbar};
  89. height:100px;
  90. }
  91.  
  92. ::-webkit-scrollbar {
  93. height:7px;
  94. width:7px;
  95. background-color: #fff;
  96. }
  97.  
  98. ::-moz-selection { color: {color:Selection Text}; background: {color:Selection BG};}
  99. ::selection { color:{color:Selection Text}; background: {color:Selection BG}; }
  100.  
  101. body {
  102. font-family:'verdana';
  103. font-size:10px;
  104. color:{color:Text};
  105. background-color:{color:Background};
  106. background-image:url('{image:Background}');
  107. background-position: fixed;
  108. background-attachment:fixed;
  109. background-repeat:repeat;}
  110.  
  111. a:link,a:active,a:visited {
  112. text-decoration: none;
  113. color: {color:Link};
  114. -webkit-transition: all 0.5s ease-out;
  115. -moz-transition: all 0.5s ease-out;
  116. -o-transition: all 0.5s ease-out;
  117. }
  118.  
  119. a:hover {
  120. color: {color:Link Hover};
  121. text-shadow: 2px 0 .3px {color:Scrollbar}, -2px 0 .3px {color:Blockquote};
  122. -webkit-transition: all 0.5s ease-out;
  123. -moz-transition: all 0.5s ease-out;
  124. -o-transition: all 0.5s ease-out;
  125. }
  126.  
  127. blockquote {
  128. padding: 0px;
  129. padding-left: 8px;
  130. font: 11px arial;
  131. letter-spacing: 1px;
  132. margin-right: 2px;
  133. margin-left: 10px;
  134. border-left: 5px solid {color:Blockquote};
  135. background-color: transparent;
  136. color:{color:Text};
  137. }
  138.  
  139. pre
  140. {overflow: auto;
  141. margin: 5px;
  142. margin-bottom:5px;
  143. padding: 5px;
  144. background: transparent;
  145. color: {color:Text};
  146. max-height: 220px;}
  147.  
  148. pre::-webkit-scrollbar
  149. {width: 7px;
  150. height: 7px;
  151. background-color: {color:Postbox};}
  152.  
  153. pre::-webkit-scrollbar-track-piece
  154. {background-color: {color:Postbox};}
  155.  
  156. pre::-webkit-scrollbar-thumb
  157. {background-color: {color:Scrollbar};}
  158.  
  159. #entry {
  160. {block:IndexPage}{block:IfPostSize1}width:535px;{/block:IfPostSize1}
  161. {block:IfPostSize2}width:435px;{/block:IfPostSize2}
  162. {block:IfPostSize3}width:285px;{/block:IfPostSize3}{/block:IndexPage}
  163. {block:PermalinkPage}width:535px;{/block:PermalinkPage}
  164. overflow:hidden;
  165. z-index:1;
  166. }
  167.  
  168. #entry:hover .permalink {opacity: 1;}
  169.  
  170. #entry img {
  171. {block:IndexPage}{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  172. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  173. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}{/block:IndexPage}
  174. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  175. }
  176.  
  177. #entry blockquote img{
  178. {block:IndexPage}{block:IfPostSize1}max-width:450px;{/block:IfPostSize1}
  179. {block:IfPostSize2}max-width:350px;{/block:IfPostSize2}
  180. {block:IfPostSize3}max-width:220px;{/block:IfPostSize3}{/block:IndexPage}
  181. {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
  182. }
  183.  
  184. #postar{
  185. width:545px;
  186. {block:IndexPage}{block:IfPostSize1}width:545px;{/block:IfPostSize1}
  187. {block:IfPostSize2}width:445px;{/block:IfPostSize2}
  188. {block:IfPostSize3}width:295px;{/block:IfPostSize3}{/block:IndexPage}
  189. {block:PermalinkPage}width:545px;{/block:PermalinkPage}
  190. padding: 2px;
  191. padding-right:2px;
  192. margin-top: 10px;
  193. margin-left: 460px;
  194. padding-bottom:10px;
  195. padding-top:10px;
  196. margin-bottom:-20px;
  197. }
  198.  
  199. #posts{
  200. float:left;
  201. width: 500px;
  202. {block:IndexPage}{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  203. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  204. {block:IfPostSize3}width:250px;{/block:IfPostSize3}{/block:IndexPage}
  205. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  206. padding: 10px;
  207. margin-bottom:5px;
  208. color: {color:Text};
  209. background: {color:Postbox};
  210. -moz-box-shadow: 5px 5px {color:Postbox Shadow};
  211. -webkit-box-shadow: 5px 5px {color:Postbox Shadow};
  212. box-shadow: 5px 5px {color:Postbox Shadow};
  213. }
  214.  
  215. .perma {
  216. float:right;
  217. width:100px;
  218. height:auto;
  219. padding:3px;
  220. color:{color:Permalink Text};
  221. border-bottom:1px solid {color:Permalink Border};
  222. border-right:1px solid {color:Permalink Border};
  223. margin-left:480px;
  224. {block:IfPostSize1}margin-left:480px;{/block:IfPostSize1}
  225. {block:IfPostSize2}margin-left:400px;{/block:IfPostSize2}
  226. {block:IfPostSize3}margin-left:230px;{/block:IfPostSize3}
  227. margin-top:10px;
  228. z-index:300;
  229. filter:alpha(opacity=80);
  230. opacity:0;
  231. font-size:8px;
  232. font-family:'calibri';
  233. text-transform:uppercase;
  234. text-align:center;
  235. letter-spacing: 1px;
  236. -webkit-transition-duration: .60s;
  237. position: absolute;
  238. }
  239.  
  240. .link:hover .perma {
  241. float:right;
  242. filter:alpha(opacity=30);
  243. opacity:99;
  244. width:100px;
  245. height:auto;
  246. padding:3px;
  247. color:{color:Permalink Text};
  248. border-bottom:1px solid {color:Permalink Border};
  249. border-right:1px solid {color:Permalink Border};
  250. margin-left:525px;
  251. {block:IfPostSize1}margin-left:525px;{/block:IfPostSize1}
  252. {block:IfPostSize2}margin-left:420px;{/block:IfPostSize2}
  253. {block:IfPostSize3}margin-left:270px;{/block:IfPostSize3}
  254. margin-top:10px;
  255. z-index:300;
  256. font-size:8px;
  257. font-family:'calibri';
  258. text-transform:uppercase;
  259. text-align:center;
  260. letter-spacing: 1px;
  261. -webkit-transition-duration: .60s;
  262. position: absolute;
  263. }
  264.  
  265. .tagg {
  266. float:right;
  267. width:80px;
  268. height:auto;
  269. padding:3px;
  270. color:{color:Tag Text};
  271. background:{color:Tag Box};
  272. margin-left:535px;
  273. {block:IfPostSize1}margin-left:535px;{/block:IfPostSize1}
  274. {block:IfPostSize2}margin-left:430px;{/block:IfPostSize2}
  275. {block:IfPostSize3}margin-left:280px;{/block:IfPostSize3}
  276. margin-top:65px;
  277. z-index:300;
  278. filter:alpha(opacity=80);
  279. opacity:0;
  280. font-size:8px;
  281. font-family:'calibri';
  282. text-transform:uppercase;
  283. text-align:center;
  284. letter-spacing: 1px;
  285. -webkit-transition-duration: .90s;
  286. position: absolute;
  287. }
  288.  
  289. .ssu:hover .tagg {
  290. float:right;
  291. filter:alpha(opacity=30);
  292. opacity:99;
  293. width:80px;
  294. height:auto;
  295. padding:3px;
  296. color:{color:Tag Text};
  297. background:{color:Tag Box};
  298. margin-left:535px;
  299. {block:IfPostSize1}margin-left:535px;{/block:IfPostSize1}
  300. {block:IfPostSize2}margin-left:430px;{/block:IfPostSize2}
  301. {block:IfPostSize3}margin-left:280px;{/block:IfPostSize3}
  302. margin-top:36px;
  303. z-index:300;
  304. font-size:8px;
  305. font-family:'calibri';
  306. text-transform:uppercase;
  307. text-align:center;
  308. letter-spacing: 1px;
  309. -webkit-transition-duration: .90s;
  310. position: absolute;
  311. }
  312.  
  313. .titulo{
  314. font: 18px 'haymaker';
  315. letter-spacing:-1px;
  316. text-align:left;
  317. margin-left:0px;
  318. padding:5px;
  319. border-left: 25px solid {color:Title Bar};
  320. -webkit-transition: all 0.5s ease-in;
  321. -moz-transition: all 0.5s ease-in;
  322. -o-transition: all 0.5s ease-in;
  323. }
  324.  
  325. .titulo a{
  326. color:{color:Title};
  327. text-decoration:none;
  328. padding-left:5px;
  329. -webkit-transition: all 0.5s ease-in;
  330. -moz-transition: all 0.5s ease-in;
  331. -o-transition: all 0.5s ease-in;
  332. }
  333.  
  334. .titulo a:hover{
  335. color:{color:Title Hover};
  336. text-shadow: 2px 0 .5px #fff, -2px 0 .5px #fff;
  337. -webkit-transition: all 0.6s ease-in;
  338. -moz-transition: all 0.6s ease-in;
  339. -o-transition: all 0.6s ease-in;
  340. }
  341.  
  342. .quote{
  343. font:16px 'century gothic';
  344. text-align: center;
  345. display:block;
  346. }
  347.  
  348. #audio{
  349. width:30px;
  350. height:30px;
  351. overflow:hidden;
  352. background:#e5e5e5;
  353. overflow:hidden;
  354. padding:20px;
  355. position:absolute;
  356. margin-left:45px;
  357. margin-top:40px;
  358. opacity: 0.9;filter:alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;
  359. }
  360.  
  361. #audiopic{
  362. float:left;
  363. margin:0px 3px;
  364. }
  365.  
  366. #date{
  367. float:left;
  368. width:500px;
  369. padding:10px;
  370. background:{color:Postbox};
  371. margin-top:10px;
  372. margin-bottom:10px;
  373. font: 12px 'cambria';
  374. color:{color:Text};
  375. -moz-box-shadow: 5px 5px {color:Postbox Shadow};
  376. -webkit-box-shadow: 5px 5px {color:Postbox Shadow};
  377. box-shadow: 5px 5px {color:Postbox Shadow};
  378. }
  379.  
  380. .data{
  381. padding:5px;
  382. font:16px 'cambria';
  383. color:{color:Text};
  384. margin-bottom:7px;
  385. }
  386.  
  387. #note{
  388. float:left;
  389. width:490px;
  390. height:400px;
  391. background:{color:Postbox};
  392. padding-left:30px;
  393. font:11px 'trebuchet ms';
  394. color:{color:Text};
  395. -moz-box-shadow: 5px 5px {color:Postbox Shadow};
  396. -webkit-box-shadow: 5px 5px {color:Postbox Shadow};
  397. box-shadow: 5px 5px {color:Postbox Shadow};
  398. }
  399.  
  400. ol.notes{
  401. padding: 0px;
  402. margin: 25px 0px;
  403. list-style-type: none;
  404. }
  405.  
  406. .borderask{
  407. padding: 2px;
  408. border: 2px solid {color:Ask};
  409. background-color: {color:Ask};
  410. }
  411.  
  412. #ask {
  413. text-align: left;
  414. background: {color:Ask};
  415. margin-left: 55px;
  416. padding: 10px;
  417. min-height:35px;
  418. position: relative;
  419. font: 12px 'trebuchet ms';
  420. color: {color:Ask Text};
  421. }
  422.  
  423. #answer{
  424. margin-top:10px;
  425. margin-bottom:-5px;
  426. margin-left:0px;
  427. }
  428.  
  429. #sidebar{
  430. position:fixed;
  431. left:30px;
  432. top:20px;
  433. }
  434.  
  435. .pic{
  436. float:left;
  437. background:{color:Picture Border};
  438. width:220px;
  439. padding:10px;
  440. }
  441.  
  442. #navi{
  443. position:fixed;
  444. left:260px;
  445. margin-top:-5px;
  446. }
  447.  
  448. .links{
  449. width:130px;
  450. height:12px;
  451. font-family: 'consolas';
  452. font-size:9px;
  453. letter-spacing:1px;
  454. border-bottom:1px solid {color:Navigation Border};
  455. border-right:1px solid {color:Navigation Border};
  456. color:{color:Navigation Text};
  457. text-align:right;
  458. text-transform:uppercase;
  459. padding:3px;
  460. padding-right:11px;
  461. padding-top:6px;
  462. -webkit-transition: all 0.5s ease-in;
  463. -moz-transition: all 0.5s ease-in;
  464. -o-transition: all 0.5s ease-in;
  465. }
  466.  
  467. .links:hover{
  468. color:{color:Navigation Text};
  469. text-shadow: 2px 0 .2px #999, -2px 0 .2px #fff;
  470. width:150px;
  471. text-align:right;
  472. -webkit-transition: all 0.5s ease-in;
  473. -moz-transition: all 0.5s ease-in;
  474. -o-transition: all 0.5s ease-in;
  475. }
  476.  
  477. #page{
  478. position: fixed;
  479. float: left;
  480. bottom: 0px;
  481. left: 105px
  482. }
  483.  
  484. .pagination {
  485. background:{color:Pagination Box};
  486. width:250px;
  487. height:35px;
  488. padding:8px;
  489. padding-bottom:15px;
  490. text-align:Center;
  491. font: 14px 'consolas';
  492. color:{color:Pagination};
  493. }
  494.  
  495. .pagination a{
  496. font: 18px 'consolas';
  497. color:{color:Pagination};
  498. }
  499.  
  500. {CustomCSS}
  501.  
  502. </style>
  503. <script type="text/javascript"
  504. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  505. </script>
  506. <script type="text/javascript" language="javascript">
  507. $(function () {
  508. $('#scrlBotm').click(function () {
  509. $('html, body').animate({
  510. scrollTop: $(document).height()
  511. },
  512. 1500);
  513. return false;
  514. });
  515.  
  516. $('#scrlTop').click(function () {
  517. $('html, body').animate({
  518. scrollTop: '0px'
  519. },
  520. 1500);
  521. return false;
  522. });
  523. });
  524. </script>
  525.  
  526. </head>
  527.  
  528. <body>
  529.  
  530.  
  531. <div id="sidebar">
  532. <a href="/"><div style="width:420px; color:{color:Blog Name}; font:38px 'market deco'; text-align:center; text-shadow: 2px 0 .2px #ddd, -2px 0 .2px #fff;margin-bottom:5px;">{Title}</div></a>
  533.  
  534. <div class="pic">
  535. <a href="/"><img src="{image:Picture}" width='220'></a>
  536. </div><br><div style="float:left; width:370px; background:{color:Description Box}; padding:10px; color:{color:Description}; font:12px cambria; margin-top:10px; text-align:center;">{description}</div>
  537. <div id="navi">
  538. <a href="/"><div class="links">home</div></a><br>
  539. <a href="/ask"><div class="links">message</div></a><br>
  540. <a href="/archive"><div class="links">archive</div></a><br>
  541. {block:IfURL01}<a href="{text:URL 01}"><div class="links">{text:URL 01 Title}</div></a><br>{/block:IfURL01}
  542. {block:IfURL02}<a href="{text:URL 02}"><div class="links">{text:URL 02 Title}</div></a><br>{/block:IfURL02}
  543. {block:IfURL03}<a href="{text:URL 03}"><div class="links">{text:URL 03 Title}</div></a><br>{/block:IfURL03}
  544. {block:IfURL04}<a href="{text:URL 04}"><div class="links">{text:URL 04 Title}</div></a><br>{/block:IfURL04}
  545. {block:IfURL05}<a href="{text:URL 05}"><div class="links">{text:URL 05 Title}</div></a><br>{/block:IfURL05}
  546. <a href="http://madarathemes.tumblr.com/"><div class="links">theme</div></a><br>
  547. </div>
  548. </div>
  549. {block:IfNotEndlessScrolling}<div id="page">
  550. <div class="pagination">
  551. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
  552. {block:JumpPagination length="5"}
  553. {block:CurrentPage}<b>☁</b>{/block:CurrentPage}
  554. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  555. {/block:JumpPagination}
  556. {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  557. </div></div>{/block:IfNotEndlessScrolling}
  558.  
  559. <div id="postar">
  560. <table width="40%" border="0">
  561. <tr>
  562. <td align="center">
  563. {block:IfEndlessScrolling}<div class = "autopagerize_page_element" >{/block:IfEndlessScrolling}
  564. {block:Posts}
  565. <div id="entry">
  566. {block:IndexPage}<div class="link"><div class="perma">
  567. <a style="color:{color:Permalink Text};" href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}</a> <br>{NoteCount}
  568. </div>
  569. {block:IfTags}{block:HasTags}<div class="ssu"><div class="tagg">
  570. {block:Tags}#<a style="{color:Tag Text};" href="{TagURL}">{Tag}</a><br> {/block:Tags}
  571. </div>{/block:HasTags}{/block:IfTags}
  572. {/block:IndexPage}
  573. <table width="500" border="0">
  574. <tr>
  575. <td>
  576. <div id="posts">
  577.  
  578. {block:Text}
  579. {block:Title}<div class="titulo"><a href="{Permalink}"> {Title}</a></div>{/block:Title}
  580. {Body}
  581. {/block:Text}
  582.  
  583. {block:Photo}
  584. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IndexPage}
  585.  
  586.  
  587. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
  588. {block:IfCaption} {block:Caption}
  589. {Caption}
  590. {/block:Caption}{/block:IfCaption}
  591.  
  592. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  593. {Caption}
  594. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  595. {/block:Photo}
  596.  
  597. {block:Photoset}
  598.  
  599. {block:IndexPage}{block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  600. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  601. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}{/block:IndexPage}
  602. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  603.  
  604. {block:IfCaption} {block:Caption}
  605. {Caption}
  606. {/block:Caption}{/block:IfCaption}
  607.  
  608. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  609. {Caption}
  610. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  611. {/block:Photoset}
  612.  
  613. {block:Quote}
  614. <div class="quote">❝ {Quote} ❞</div>
  615. {block:Source}
  616. <div align="right">- {Source}</div>
  617. {/block:Source}
  618. {/block:Quote}
  619.  
  620. {block:Link}
  621. <div class="titulo"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
  622. {block:Description}
  623. {Description}
  624. {/block:Description}
  625. {/block:Link}
  626.  
  627. {block:Chat}
  628. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  629. <div style="margin-left:16px;">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  630. {/block:Chat}
  631.  
  632. {block:Audio}
  633.  
  634. <div id= "audio">{AudioPlayerGrey}</div>
  635. <div id="audiopic">{block:AlbumArt}
  636. <img src="{AlbumArtURL}" width="150">
  637. {/block:AlbumArt}</div>
  638.  
  639. {block:Caption}
  640. {Caption}
  641. {/block:Caption}
  642.  
  643. {/block:Audio}
  644.  
  645. {block:Video}
  646.  
  647. {block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  648. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  649. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}{/block:IndexPage}
  650. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  651.  
  652. {block:IfCaption} {block:Caption}
  653. {Caption}
  654. {/block:Caption}{/block:IfCaption}
  655.  
  656. {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
  657. {Caption}
  658. {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
  659. {/block:Video}
  660.  
  661. {block:Answer}
  662. <img src="{AskerPortraitURL-48}" align="left" class="borderask" /> </a><b><div id="ask" align="right">{Asker}:</b> {Question}</div>
  663. <div id="answer">{Answer}</div>
  664. {/block:Answer}
  665.  
  666. </div>
  667. {block:PermalinkPage}{block:Date}
  668. <div id="date"><div class="data">
  669. {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}]</div>
  670. {NoteCountWithLabel}<br>
  671. {block:RebloggedFrom}
  672. <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
  673. <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
  674. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  675. </div>{/block:Date}
  676.  
  677. {block:PostNotes}<div id="note" style="overflow:auto; line-height:100%">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  678. {block:ContentSource}
  679. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  680. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  681. {/block:SourceLogo}
  682. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  683. {/block:ContentSource}
  684. </td>
  685. </tr>
  686. </table>
  687. {block:IndexPage}</div>{block:IfTags}</div>{/block:IfTags}{/block:IndexPage}
  688. {/block:Posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
  689. </td>
  690. </tr>
  691. </table>
  692. </div>
  693.  
  694. {block:IfEndlessScrolling}<a id="scrlTop" title="Top" href="#" style="color:{color:Scrollbar}; font-size:34px; font-family: 'futura'; position: fixed; bottom: 50px; right: 30px;">▲</a>{/block:IfEndlessScrolling}
  695.  
  696. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement