Advertisement
Jessicakim

Chuuko - theme #012

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