vya

clumhood2

vya
Aug 23rd, 2015
148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.71 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!-----------
  9.  
  10. THEME 06 by clumhood
  11.  
  12. :> ------------>
  13.  
  14.  
  15. <!--------default variables------->
  16. <meta name="color:background" content="#d7d5d5"/>
  17. <meta name="color:text" content="#333333"/>
  18. <meta name="color:links" content="#5b5b5b"/>
  19. <meta name="color:links hover" content="#c9c9c9"/>
  20. <meta name="color:topbar background" content="#ffffff"/>
  21. <meta name="color:main color" content="#000000"/>
  22. <meta name="color:topbar links" content="#ffffff"/>
  23. <meta name="color:scrollbar bg" content="#ffffff"/>
  24. <meta name="color:scrollbar" content="#eeeeee">
  25.  
  26. <meta name="image:background image" content=""/>
  27. <meta name="image:header" content=""/>
  28.  
  29. <meta name="text:link 1 title" content="link">
  30. <meta name="text:link 1 url" content=" ">
  31. <meta name="text:link 2 title" content="link">
  32. <meta name="text:link 2 url" content=" ">
  33. <meta name="text:link 3 title" content="link">
  34. <meta name="text:link 3 url" content=" ">
  35. <meta name="text:link 4 title" content="link">
  36. <meta name="text:link 4 url" content=" ">
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <!------------------------TOOLTIPS SCRIPT--------------------->
  44.  
  45. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  46. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  47. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60. <script type="text/javascript">
  61. $(“.tumblr_video_iframe”).width(“540px”);
  62. </script>
  63.  
  64.  
  65. <!-------------------------------------------------------------------->
  66.  
  67. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  68.  
  69. <style type="text/css">
  70.  
  71. /*----------tooltips---------*/
  72.  
  73. #s-m-t-tooltip {
  74. max-width:300px;
  75. margin:15px;
  76. padding:5px;
  77. border:1px solid #eeeeee;
  78. border-radius:0px;
  79. background:#ffffff;
  80. color:{color:text};
  81. z-index:999999;
  82. font-size:7px;
  83. font-style:none;
  84. font-weight:lighter;
  85. letter-spacing:2px;
  86. font-family:helvetica;
  87. text-transform:uppercase;
  88. box-shadow:1px 1px 1px rgba(0,0,0,.0);
  89. }
  90.  
  91.  
  92. /*----------scrollbar---------*/
  93.  
  94. ::-webkit-scrollbar {
  95. background-color: {color:scrollbar bg};
  96. height:8px;
  97. width:5px
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb:vertical {
  101. background-color:{color:scrollbar};
  102. height:50px
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:horizontal {
  106. background-color:{color:scrollbar bg};
  107. height:8px!important
  108. }
  109.  
  110.  
  111. /*----------basics---------*/
  112.  
  113. body {
  114. background:{color:background};
  115. color:{color:text};
  116. font-family:calibri;
  117. line-height:15px;
  118. font-size:11px;
  119. margin:0;
  120. text-align:left;
  121. letter-spacing:1px;
  122.  
  123. }
  124.  
  125. blockquote {
  126. padding-left:10px;
  127. border-left:1px solid;
  128. border-color:#eeeeee;
  129. margin:10px;
  130. letter-spacing:1px;
  131. padding:10px;
  132. }
  133.  
  134. a {
  135. color:{color:links};
  136. text-decoration:none;
  137. }
  138.  
  139. a:hover {
  140. text-decoration:none;
  141. color: {color:links hover};
  142. -webkit-transition:all 0.5s;
  143. -moz-transition:all 0.5s;
  144. -ms-transition:all 0.5s;
  145. -o-transition:all 0.5s;
  146. transition:all 0.5s;
  147. }
  148.  
  149. small {
  150. font-size:10px;
  151. }
  152.  
  153. big {
  154. font-size:13px;
  155. }
  156.  
  157. img {
  158. opacity:1;
  159. text-decoration:none;
  160. }
  161.  
  162. h1 {
  163. font-size:20px;
  164. font-weight:bold;
  165. font-family:arial;
  166. letter-spacing:0px;
  167. line-height:150%;
  168. }
  169.  
  170. b {
  171. color:{color:bold};
  172. }
  173.  
  174. /*----------header---------*/
  175.  
  176. .topbar {
  177. width:100%;
  178. height:auto;
  179. background:{color:topbar background};
  180. height:100px;
  181. box-shadow:0px 3px 10px rgba(0,0,0,.15)
  182. margin:auto;
  183. position:fixed;
  184. z-index:9999;
  185. }
  186.  
  187. .topcontainer {
  188.  
  189. width:1100px;
  190. height:100px;
  191. margin-left:calc(50% - 550px);
  192. float:left;
  193. }
  194.  
  195. .navi {
  196. width:540px;
  197. background:{color:main color};
  198. height:auto;
  199. padding:10px;
  200. display:inline-block;
  201. margin-top:30px;
  202. margin-right:5%;
  203. word-spacing:30px;
  204. float:right;
  205. box-shadow:0px 2px 3px rgba(0,0,0,.15)
  206. }
  207.  
  208. .navi a {
  209. color:{color:topbar links};
  210. font-size:15px;
  211. text-transform:uppercase;
  212.  
  213. }
  214.  
  215. .navi a:hover {
  216. color:grey;
  217.  
  218. }
  219.  
  220. .initials {
  221. position:absolute;
  222. background:{color:main color};
  223. color:white;
  224. margin-top:20px;
  225. padding-top:20px;
  226. padding-bottom:20px;
  227. width:60px;
  228. text-align:center;
  229. margin-left:20px;
  230. font-size:20px;
  231. letter-spacing:5px;
  232. box-shadow:0px 2px 3px rgba(0,0,0,.15)
  233. }
  234.  
  235. .topdesc {
  236. position:absolute;
  237. background:#eee;
  238. width:200px;
  239. height:35px;
  240. margin-top:20px;
  241. margin-left:90px;
  242. padding:10px;
  243. text-align:justify;
  244. margin-right:10px;
  245.  
  246. }
  247.  
  248. #header{
  249. position:absolute;
  250. top:0;
  251. left:0;
  252. right:0;
  253. height:100%;
  254. background-image:url({image:header});
  255. background-size:cover;
  256. background-position:center;
  257. }
  258.  
  259. #fadein { position:relative; width:1000px; height:450px; }
  260. .fadein img { position:absolute; left:0px; top:100px;}
  261.  
  262. #headerimg{
  263. position:absolute;
  264. margin-left:0px;
  265. width:1100px;
  266. height:410px;
  267.  
  268.  
  269. }
  270.  
  271. /* SEARCH -----------------------------------*/
  272. input[type=text] {background-color:#8792b0; color:#ffffff; width:250px; padding:25px; border-style:none; font-size:15px; margin-top:0px; margin-left:-20px; outline:0;} input[type=submit] {background-color:#8792b0; font-weight:bold; letter-spacing:1px; font-size:15px; margin-left:45px; color:#ffffff; border-style:none; outline:0; padding:12px; font-family:calibri;}
  273.  
  274. #sb {height: 15px; margin-top:20px; margin-left:55px;}
  275.  
  276. /*----------posts---------*/
  277.  
  278. .container {
  279. width:1100px;
  280. margin-left:calc(50% - 550px);
  281. position:absolute;
  282. padding-top:700px;
  283. background:transparent;
  284. }
  285.  
  286. .posts {
  287. {block:IndexPage}
  288. margin-bottom:10px;
  289. {/block:IndexPage}
  290. {block:PermalinkPage}
  291. margin-bottom:40px;
  292. {/block:PermalinkPage}
  293. width:541px;
  294. background:white;
  295. padding:30px;
  296. float:right;
  297. margin-right:45px;
  298. box-shadow:0px 3px 8px rgba(0,0,0,.15)
  299.  
  300.  
  301.  
  302. }
  303.  
  304. .entries {
  305. float:right;
  306. margin-top:0px;
  307. width:1100px;
  308.  
  309. }
  310.  
  311. .posts img, .posts li, .posts blockquote {
  312. max-width: 100%;
  313. }
  314.  
  315. .posts li {
  316. list-style: square;
  317. }
  318.  
  319. blockquote img {
  320. max-width:320px!important;
  321. }
  322.  
  323.  
  324. /*----------post info---------*/
  325.  
  326. .info {
  327. border-top:1px solid #eeeeee;
  328. padding-top:15px;
  329. text-transform:uppercase;
  330. font-size:8px;
  331. letter-spacing:1px;
  332. margin-top:15px;
  333. }
  334.  
  335.  
  336. .tags {
  337. margin-top:5px;
  338. font-size:8px;
  339. letter-spacing:1px;
  340. text-transform:uppercase;
  341. font-weight:bold;
  342. }
  343.  
  344. .tags a {
  345. margin-right:8px;
  346. }
  347.  
  348.  
  349. /*----------post notes---------*/
  350.  
  351. .notes {
  352. margin-top: 20px;
  353. width: 540px;
  354. margin-left: -40px;
  355. margin-bottom: 70px;
  356. float:right;
  357. margin-right:40px;
  358.  
  359. }
  360.  
  361. .notes li {
  362. list-style: none;
  363. padding: 5px;
  364. margin-bottom: 10px;
  365. border-radius: 5px;
  366. box-shadow: 0px 1px 2px rgba(0,0,0,0.0544445);
  367. }
  368.  
  369. .notes li img {
  370. float: right;
  371. width: 12px;
  372. }
  373.  
  374. /*----------categories---------*/
  375.  
  376. #sidebar{
  377. position:absolute;
  378. margin-left:30px;
  379. width:370px;
  380. color:#7b7b7b;
  381. }
  382.  
  383. .cti {
  384. padding:10px;
  385. color:white;
  386. font-size:20px;
  387. text-transform:uppercase;
  388. text-align:left;
  389. font-family:'roboto', sans-serif;
  390. font-size:15px;
  391.  
  392. }
  393. .ctio {
  394. text-align:center;
  395. font-family:'roboto', sans-serif;
  396. font-size:15px;
  397. text-transform:uppercase;
  398. font-weight:bold;
  399. letter-spacing:-1px;
  400. padding:10px;
  401. border-bottom:1px solid #6b6b6b;
  402. margin-bottom:20px;
  403. color: #ffffff;
  404. }
  405.  
  406. .categoryy {
  407. width:410px;
  408. padding:0px;
  409. margin-bottom:10px;
  410. background:#8792b0;
  411. font-size:11px;
  412. text-align:justify;
  413. box-shadow:0px 3px 10px rgba(0,0,0,.15)
  414. }
  415.  
  416. .categoryyy {
  417. width:410px;
  418. padding:0px;
  419. margin-bottom:10px;
  420. font-size:11px;
  421. text-align:justify;
  422. box-shadow:0px 3px 10px rgba(0,0,0,.15)
  423. }
  424.  
  425. .category {
  426. width:370px;
  427. padding:20px;
  428. margin-bottom:10px;
  429. background:#2b2b2b;
  430. font-size:12px;
  431. text-align:justify;
  432. box-shadow:0px 3px 10px rgba(0,0,0,.15)
  433. }
  434.  
  435. .category a:hover {
  436. color:{color:link hover};
  437. }
  438.  
  439. .desc {
  440. width:350px;
  441. padding:10px;
  442. text-align:justify;
  443. font-family:arial;
  444. letter-spacing:0px;
  445.  
  446. }
  447. .descr {
  448. width:350px;
  449. padding:10px;
  450. text-align:center;
  451. font-family:arial;
  452. font-size:13px;
  453. letter-spacing:0px;
  454. }
  455.  
  456. dtitle{
  457. font-size:20px;
  458. font-family:arial;
  459. text-transform:uppercase;
  460. font-weight:bold;
  461. color: #fff;
  462. }
  463. dnumber{
  464. font-size:18px;
  465. font-family:arial;
  466. padding:8px;
  467. text-transform:uppercase;
  468. font-style:italic;
  469. color: #fff;
  470. border: 1px solid #fff;
  471.  
  472. border-top-left-radius: 80px ;
  473.  
  474. border-top-right-radius: 80px ;
  475.  
  476. border-bottom-right-radius: 80px ;
  477.  
  478. border-bottom-left-radius: 80px ;
  479. }
  480. separator{
  481. letter-spacing:-2px;
  482. }
  483.  
  484. #m {
  485. font-family:arial;
  486. font-size:9px;
  487. letter-spacing:0px;
  488. }
  489.  
  490. .affiliates {
  491. padding-left:30px;
  492. width:335px;
  493. }
  494.  
  495. .affiliates img {
  496. width:64px;
  497. padding-left:0px;
  498. }
  499.  
  500. /*----------quotes---------*/
  501.  
  502. .quote {
  503.  
  504. font-size:12px;
  505. font-weight:bold;
  506. text-align:center;
  507. letter-spacing:1px;
  508. }
  509.  
  510. .quotesource {
  511. text-align:center;
  512. margin-top:10px;
  513. letter-spacing:1px;
  514. }
  515.  
  516.  
  517. /*----------chat---------*/
  518.  
  519. .chat {
  520. line-height:20px;
  521. list-style:none;
  522. }
  523.  
  524. .line.odd {
  525. background:#fafafa;
  526. margin-bottom:2px;
  527. padding:5px;
  528. list-style:none;
  529. font-size:10px;
  530. }
  531.  
  532. .line.even {
  533. background:#ffffff;
  534. margin-bottom:2px;
  535. padding:5px;
  536. list-style:none;
  537. font-size:10px;
  538. }
  539.  
  540. .label {
  541. padding-right:1px;
  542. text-transform:uppercase;
  543. font-weight:bold;
  544. color:{color:links};
  545. }
  546.  
  547.  
  548. /*----------questions---------*/
  549.  
  550. .question {
  551. background:#fafafa;
  552. padding:10px;
  553. }
  554.  
  555. .asker {
  556. text-transform:uppercase;
  557. }
  558.  
  559. .answer {
  560. padding:10px;
  561. margin-top:-15px;
  562. }
  563.  
  564. /*----------audio---------*/
  565.  
  566. .playerbutton {
  567. position:relative;
  568. width:30px;
  569. height:35px;
  570. overflow:hidden;
  571. }
  572.  
  573. .playerbuttonhug {
  574. position: absolute;
  575. top:-7px;
  576. left:2px;
  577. }
  578.  
  579. .tumblr_audio_player {
  580. height:50px;
  581. width:540px;
  582. }
  583.  
  584. .playerbuttonbg {
  585. position:absolute;
  586. width:35px;
  587. height:35px;
  588. background-color:#e4e4e4;
  589. padding:10px;
  590. }
  591.  
  592. .trackdetails {
  593. width:auto;
  594. display:inline-block;
  595. margin-left:70px;
  596. font-size:10px;
  597. letter-spacing:1px;
  598. text-transform:lowercase;
  599. padding:5px;
  600. line-height:15px;
  601. }
  602.  
  603. .audiowrapper {
  604. position:relative;
  605. display:inline-block;
  606. }
  607.  
  608. /*-- Pagination --*/
  609.  
  610. #pagi {
  611. margin-top:70px;
  612. margin-left:950px;
  613. font-family:arial;
  614. text-transform:uppercase;
  615. }
  616.  
  617. /*----------credit---------*/
  618.  
  619. .credit {
  620. font-size:12px;
  621. position:fixed;
  622. font-weight:bold;
  623. bottom:5px;
  624. right:15px;
  625. z-index:10;
  626. text-align:right;
  627. letter-spacing:0px;
  628. padding:5px;
  629. background:black;
  630. padding-right:7px;
  631. }
  632.  
  633. .credit a {
  634. color:{color:links};
  635. text-decoration:none;
  636. }
  637.  
  638. .credit a:hover {
  639. color:{color:links hover};
  640. text-decoration:none;
  641. }
  642.  
  643.  
  644. </style>
  645. </head>
  646.  
  647. <body>
  648.  
  649.  
  650. {block:IndexPage}
  651. <div id="pagi">
  652. {block:Pagination}
  653. {block:PreviousPage}
  654. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp;
  655. {block:NextPage}
  656. <a href="{NextPage}">forth</a>
  657. {/block:NextPage}
  658. {/block:Pagination}
  659. {/block:IndexPage}
  660. </div>
  661. </div>
  662.  
  663.  
  664. <div id="header">
  665.  
  666. </div>
  667.  
  668.  
  669. <div class="container">
  670.  
  671. <div class="credit">
  672. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank">CH</a></div>
  673.  
  674.  
  675.  
  676. <div class="entries">
  677.  
  678.  
  679. <div id="sidebar">
  680.  
  681. <!-- category 1 -->
  682.  
  683.  
  684. <div class="category" style="line-height:150%;">
  685. <div class="cti">Welcome</div>
  686. <center><div class="desc">{Description}</div></center>
  687. </div>
  688.  
  689. <div class="categoryy" style="line-height:150%;">
  690. <center><form onsubmit="return tagSearch(this)"><input type="text" size="20" name="tag" placeholder="Search" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  691. <input type="image" value="Search" src="http://iconmonstr.com/g/gd/makefg.php?i=s2/default/iconmonstr-magnifier-2-icon.png&r=255&g=255&b=255" id="sb"/></form></center>
  692. </div>
  693.  
  694.  
  695. <!-- category 2 -->
  696.  
  697.  
  698. <div class="category" style="line-height:150%;">
  699. <img src="https://41.media.tumblr.com/29ede84a4aae45941333a113f6f443eb/tumblr_ntgrpeFu2G1t55b9yo5_r1_400.jpg"
  700. style="width:410px;height:277px;margin-left:-20px;margin-top:-20px;"><center>
  701. <dnumber>01</dnumber><br><br>
  702. <dtitle>WHO IS<br>
  703. KIYONG?</dtitle><br>
  704. <separator>ㅡㅡㅡ</separator><br>
  705. <div class="desc">Ashton Fletcher Irwin (born in July 7, 1994 in Hornsby, Australia) is the drummer of 5 Seconds of Summer. He attended Richmond High School before starting his music career in 2011, and was the last member to join 5SOS.</div></center>
  706. </div>
  707.  
  708. <!-- affiliates -->
  709.  
  710. <div class="category">
  711. <img src="https://41.media.tumblr.com/e0149b3300588d2943133ba509ad858c/tumblr_ntgrpeFu2G1t55b9yo10_r4_1280.jpg"
  712. style="width:410px;height:230px;margin-left:-20px;margin-top:-20px;">
  713. <div class="descr">
  714. <dnumber>02</dnumber><br><br><br>
  715. <dtitle>WE BROKE UP</dtitle><br>
  716. <b>Purchase</b>: <a href="https://itunes.apple.com/us/album/room-93-ep/id930637389">iTunes</a> | <a href="http://www.amazon.com/Room-93-EP-Halsey/dp/B00T4LLK46/ref=sr_1_1?ie=UTF8&qid=1434666411&sr=8-1&keywords=room+93+halsey">Amazon</a><br>
  717. <b>Released</b>: October 27th, 2014
  718. </div>
  719. <br>
  720. <img src="https://41.media.tumblr.com/60f039b953b30861dcdfc9a2f19968c3/tumblr_ntgrpeFu2G1t55b9yo7_r2_1280.jpg"
  721. style="width:410px;height:230px;margin-left:-20px;margin-top:10px;">
  722. <div class="descr">
  723. <dnumber>03</dnumber><br><br><br>
  724. <dtitle>SUNAM GIRLS</dtitle><br>
  725. <b>Purchase</b>: <a href="https://itunes.apple.com/us/album/room-93-ep/id930637389">iTunes</a> | <a href="http://www.amazon.com/Room-93-EP-Halsey/dp/B00T4LLK46/ref=sr_1_1?ie=UTF8&qid=1434666411&sr=8-1&keywords=room+93+halsey">Amazon</a><br>
  726. <b>Released</b>: October 27th, 2014
  727. </div>
  728. <br>
  729. <img src="https://36.media.tumblr.com/0fd224d5dee9ededc2a4b573c1ec217f/tumblr_ntjbxkAGNi1t55b9yo9_r2_1280.jpg"
  730. style="width:410px;height:230px;margin-left:-20px;margin-top:10px;">
  731. <div class="descr">
  732. <dnumber>04</dnumber><br><br><br>
  733. <dtitle>GREATEST MARRIAGE</dtitle><br>
  734. <b>Label</b>: Astralwerks<br>
  735. <b>Purchase</b>: <a href="https://itunes.apple.com/us/album/room-93-ep/id930637389">iTunes</a> | <a href="http://www.amazon.com/Room-93-EP-Halsey/dp/B00T4LLK46/ref=sr_1_1?ie=UTF8&qid=1434666411&sr=8-1&keywords=room+93+halsey">Amazon</a><br>
  736. <b>Released</b>: October 27th, 2014
  737. </div></div>
  738.  
  739. <div class="category" style="line-height:150%;">
  740. <!-- SnapWidget -->
  741. <script src="http://snapwidget.com/js/snapwidget.js"></script>
  742. <iframe src="http://snapwidget.com/in/?u=anVhbnhrdWl8aW58MTI1fDV8M3x8bm98NXxmYWRlSW58b25TdGFydHx5ZXN8eWVz&ve=230815" title="Instagram Widget" class="snapwidget-widget" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:100%;"></iframe>
  743. </div>
  744.  
  745. <div class="categoryyy" style="line-height:150%;">
  746. <a class="twitter-timeline"
  747. href="https://twitter.com/Kiyongupdates"
  748. data-widget-id="635342964076576768"
  749. width="450"
  750. height="420">
  751. Tweets by @Kiyongupdates</a>
  752. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  753.  
  754. </div>
  755.  
  756. <!-- category 4 -->
  757.  
  758. <div class="category" style="line-height:150%;">
  759. <div class="cti">SITE STATISTICS</div>
  760. <center><div class="desc">
  761. <b>Name:</b> JJANGKIYONG<br>
  762. <b>Established:</b> December 03, 2013<br>
  763. <b>Online:</b><br>
  764. <b>Subscribers:</b><br>
  765. <b>Network:</b><br>
  766. <b>Mail to:</b><br>
  767. </div></center>
  768. </div>
  769.  
  770. <!-- category 5 -->
  771.  
  772. <div class="category" style="line-height:150%;">
  773. <div class="cti">Disclaimer</div><center><div class="desc">Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.</div></center>
  774. </div>
  775.  
  776.  
  777.  
  778. </div>
  779.  
  780.  
  781.  
  782. {block:Posts}
  783. <div class="posts">
  784.  
  785. {block:Text}
  786. <h1>{block:Title}{Title}{/block:Title}</h1>
  787. {Body}{/block:Text}
  788.  
  789.  
  790. {block:Photo}
  791. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  792. {block:Caption}{Caption}{/block:Caption}
  793. {/block:Photo}
  794.  
  795.  
  796. {block:Photoset}
  797. {Photoset}
  798. {block:Caption}{Caption}{/block:Caption}
  799. {/block:Photoset}
  800.  
  801.  
  802.  
  803. {block:Quote}
  804. <div class="quote">"{Quote}"</div>
  805. {block:Source}<div class="quotesource"> — {Source}</div>
  806. {/block:Source}{/block:Quote}
  807.  
  808.  
  809. {block:Link}
  810. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  811. {block:Description}{Description}{/block:Description}
  812. {/block:Link}
  813.  
  814.  
  815. {block:Chat}
  816. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  817. {/block:Chat}
  818.  
  819.  
  820. {block:Audio}
  821. {block:AudioPlayer}
  822. <div class="audiowrapper">
  823. <div class="playerbuttonbg">
  824. <div class="playerbutton">
  825. <div class="playerbuttonhug">
  826. {AudioPlayerGrey}
  827. </div></div></div>
  828.  
  829. <div class="trackdetails">
  830. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  831.  
  832. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  833.  
  834. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  835. {/block:AudioPlayer}
  836.  
  837. {block:Caption}
  838. <div class="caption">{Caption}</div>
  839. {/block:Caption}
  840. {/block:Audio}
  841.  
  842.  
  843. {block:Video}
  844. {Video-500}
  845. {block:Caption}{Caption}{/block:Caption}
  846. {/block:Video}
  847.  
  848.  
  849. {block:Answer}
  850. <div class="question">
  851. <div class="asker"><b>{Asker} said:</b></div>
  852. {Question}</div><br>
  853. <div class="answer">
  854. {Answer}</div>
  855. {/block:Answer}
  856.  
  857.  
  858.  
  859.  
  860. {block:Date}
  861.  
  862. <div class="info">
  863.  
  864. <a href="{Permalink}" title="AT {12Hour}:{Minutes}{CapitalAmPm}" style="background-color:{color:main color};padding:2px 5px 3px 5px; font-weight:bold; color:white;">{DayOfMonthWithZero} {ShortMonth} {Year}</a>
  865. {/block:Date}
  866.  
  867. &nbsp;&nbsp;
  868. <a href="{Permalink}">{NoteCountWithLabel}</a>
  869. &nbsp;&nbsp;
  870.  
  871. <font style="float:right">
  872. {block:RebloggedFrom}
  873. <a href="{ReblogParentURL}" title="{ReblogParentName}"> via </a>
  874. {block:ContentSource}
  875. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ source</a>
  876. {/block:ContentSource}
  877. {/block:RebloggedFrom}
  878.  
  879. <a href="{ReblogURL}" target="_blank" class="details">/ reblog</a>
  880. </div>
  881. </font>
  882.  
  883. {block:HasTags}
  884. <div class="tags">
  885. {block:Tags}
  886. <a href="{TagURL}">#{Tag}</a>
  887. {/block:Tags}
  888. </div>
  889. {/block:HasTags}
  890.  
  891.  
  892.  
  893.  
  894.  
  895. </div>
  896. {/block:Posts}
  897. <p>
  898. {block:PostNotes}
  899. <div style="margin-left:15px;">
  900. {PostNotes}{/block:PostNotes}
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909. {block:ContentSource}
  910. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  911. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  912. {/block:SourceLogo}
  913. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  914. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  915.  
  916.  
  917.  
  918.  
  919.  
  920. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  921. <script>
  922. /* questions? ask oddhour.tumblr.com */
  923. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 256px; } .photoset .photoset_row.photoset_row_3 img { max-width: 173px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  924. function updatePhotoset() {
  925.  
  926. $(".photoset").each( function (i, e) {
  927. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  928. $(this.contentDocument).find("head").append(updatePhotosetCss);
  929. var photoset = $(this.contentDocument).find(".photoset");
  930. var photosetRows = photoset.find(".photoset_row");
  931. photoset.find(".photoset_photo")
  932. .each(function () {
  933. var hiResSrc = $(this).attr("href");
  934. var img = $(this).find('img');
  935. img.attr("src", hiResSrc );
  936. img.attr("style", "");
  937. });
  938. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  939. photoset.attr("style","");
  940.  
  941. $(this).height($(this.contentDocument.body).height());
  942. });
  943. }
  944.  
  945. updatePhotoset();
  946.  
  947. var photosetTimer = setInterval(updatePhotoset, 1500);
  948. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  949. </script>
  950.  
  951. </body>
  952.  
  953. </div></div></div></div></div></div></div></div></div></div></div>
  954. </html>
Advertisement
Add Comment
Please, Sign In to add comment