Advertisement
themesbygeorgia

Theme #45 - Playback

Oct 18th, 2014
1,630
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.02 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--- Theme #45 - Playback by wonderfullythemes
  6.  
  7. dont remove the credit pls and thanks
  8. --->
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  17.  
  18.  
  19. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  20. <stsss>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:100,
  28. tip_fade_speed:200,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  36. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  37. <script type="text/javascript" charset="utf-8">
  38. var $j = jQuery.noConflict();
  39. $j(function() {
  40. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  41. $j("img").lazyload({
  42. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  43. effect: "fadeIn",
  44. });
  45. });
  46. </script>
  47.  
  48. <!--SIDEBAR ANIMATION-->
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function(){
  52. $(".one").click(function(){
  53. $("#sidebarimage").animate({marginLeft:"+200px"},"slow");
  54. });
  55.  
  56. $(".one").click(function(){
  57. $("#links").animate({marginLeft:"+200px"},"slow");
  58. });
  59.  
  60. $(".one").click(function(){
  61. $("#choose").animate({marginLeft:"+240px"},"slow");
  62. });
  63.  
  64.  
  65.  
  66. $(".one").click(function(){
  67. $("#entries").animate({marginLeft:"+200px"},"slow");
  68. });
  69.  
  70. });
  71.  
  72. $(document).ready(function(){
  73. $(".two").click(function(){
  74. $("#links").show("slow");
  75. });
  76.  
  77. });
  78.  
  79. </script>
  80.  
  81. <meta name="color:Background" content="#fff" />
  82. <meta name="color:Link" content="#1bcc5c" />
  83. <meta name="color:Hover" content="#444" />
  84. <meta name="color:Text" content="#444" />
  85. <meta name="color:Border" content="#ddd" />
  86. <meta name="color:Description Text" content="#444" />
  87. <meta name="color:Description Border" content="#ddd" />
  88. <meta name="color:Nav Links Background" content="#000" />
  89. <meta name="color:Nav Links" content="#fff" />
  90. <meta name="color:Nav Links Hover" content="#ddd" />
  91. <meta name="color:Nav Links Shadow" content="#444" />
  92. <meta name="color:Question Background" content="#ddd" />
  93. <meta name="color:Question Text" content="#444" />
  94. <meta name="color:Chat Bg Odd" content="#ddd" />
  95. <meta name="color:Chat Bg Even" content="#fff" />
  96. <meta name="color:Info Background" content="#ddd" />
  97. <meta name="color:Info Text" content="#444" />
  98. <meta name="color:Info Links" content="#444" />
  99. <meta name="color:Info Links Hover" content="#fff" />
  100. <meta name="color:Tooltip Background" content="#000" />
  101. <meta name="color:Tooltip Text" content="#fff" />
  102. <meta name="color:Tooltip Border" content="#000" />
  103.  
  104. <meta name="image:Background" content="" />
  105. <meta name="image:sidebar" content=""/>
  106.  
  107. <meta name="text:Link1" content="/" />
  108. <meta name="text:Link1 Text" content="Link 1" />
  109. <meta name="text:Link2" content="/" />
  110. <meta name="text:Link2 Text" content="Link 2" />
  111. <meta name="text:Link3" content="/" />
  112. <meta name="text:Link3 Text" content="Link 3" />
  113. <meta name="text:Link4" content="/" />
  114. <meta name="text:Link4 Text" content="Link 4" />
  115. <meta name="text:Link5" content="/" />
  116. <meta name="text:Link5 Text" content="Link 5" />
  117. <meta name="text:Link6" content="/" />
  118. <meta name="text:Link6 Text" content="Link 6" />
  119. <meta name="text:Link7" content="/" />
  120. <meta name="text:Link7 Text" content="Link 7" />
  121. <meta name="text:Link8" content="/" />
  122. <meta name="text:Link8 Text" content="Link 8" />
  123. <meta name="text:Link9" content="/" />
  124. <meta name="text:Link9 Text" content="Link 9" />
  125. <meta name="text:Link10" content="/" />
  126. <meta name="text:Link10 Text" content="Link 10" />
  127.  
  128. <meta name="if:ShowCustomCursor" content="1" />
  129.  
  130. <style type="text/css">
  131.  
  132. ::-webkit-scrollbar-thumb {
  133. height:auto;
  134. background-color:{color:Link};
  135. border:2px solid {color:Background};
  136. }
  137.  
  138. ::-webkit-scrollbar {
  139. height:8px;
  140. width:11px;
  141. background-color:{color:Link};
  142. border:5px solid {color:Background};
  143. }
  144.  
  145. #s-m-t-tooltip {
  146. border:1px solid {color:Tooltip Border};
  147. max-width:200px;
  148. font-size:10px;
  149. background-color:{color:Tooltip Background};
  150. color:{color:Tooltip Text};
  151. line-height:9px;
  152. display:none;
  153. position:absolute;
  154. letter-spacing:1px;
  155. text-transform:uppercase;
  156. padding:10px;
  157. margin:15px 0px 0px 15px;
  158. z-index:99999999999999;
  159. }
  160.  
  161. body {
  162. background-image: url({image:Background});
  163. background-attachment:fixed;
  164. background-repeat:no-repeat;
  165. background-size:cover;
  166. background-color:{color:Background};
  167. margin:0px;
  168. color:{color:Text};
  169. font-family:'calibri';
  170. font-size:11px;
  171. line-height:13px;
  172. font-style: none;
  173. {block:IfShowCustomCursor}
  174. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  175. {/block:IfShowCustomCursor}
  176. }
  177.  
  178. a {
  179. color:{color:Link};
  180. text-decoration:none;
  181. text-decoration:none;
  182. -moz-transition-duration:0.7s;
  183. -webkit-transition-duration:0.7s;
  184. -o-transition-duration:0.7s;
  185. }
  186.  
  187. a:hover {
  188. color:{color:Hover};
  189. {block:IfShowCustomCursor}
  190. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  191. {/block:IfShowCustomCursor}
  192. -moz-transition-duration:0.7s;
  193. -webkit-transition-duration:0.7s;
  194. -o-transition-duration:0.7s;
  195. }
  196.  
  197. blockquote {
  198. padding-left:5px;
  199. border-left:2px solid;
  200. }
  201.  
  202. #entries {
  203. position:relative;
  204. float:center;
  205. top:40px;
  206. text-align:justify;
  207. overflow:hidden;
  208. margin-bottom:40px;
  209. left:25%;
  210. width:500px;
  211. }
  212.  
  213. #post {
  214. padding:20px;
  215. overflow-y:hidden;
  216. overflow-x:hidden;
  217. margin-bottom:140px;
  218. width:400px;
  219. margin-right:45px;
  220. }
  221.  
  222. #post img {
  223. max-width:100%
  224. }
  225.  
  226. /*--SIDEBAR--*/
  227.  
  228. #sidebar {
  229. width:270px;
  230. height:100%;
  231. position:fixed;
  232. left:0;
  233. }
  234.  
  235. #sidebar:hover #choose {
  236. opacity:1;
  237. -moz-transition-duration:0.7s;
  238. -webkit-transition-duration:0.7s;
  239. -o-transition-duration:0.7s;
  240. }
  241.  
  242. #choose {
  243. width:200px;
  244. position:absolute;
  245. top:47%;
  246. margin-left:40px;
  247. border:1px solid {color:Border};
  248. text-align:center;
  249. background-color: rgba(0,0,0,0.5);
  250. opacity:0;
  251. -moz-transition-duration:0.7s;
  252. -webkit-transition-duration:0.7s;
  253. -o-transition-duration:0.7s;
  254. }
  255.  
  256. #choose a {
  257. color:{color:Border};
  258. letter-spacing:1px;
  259. text-transform:uppercase;
  260. padding:10px;
  261. display:block;
  262. }
  263.  
  264. #choose a:hover {
  265. letter-spacing:3px;
  266. background-color:{color:Hover};
  267. color:{color:Link};
  268. }
  269.  
  270. .one:hover {
  271. cursor:help;
  272. }
  273.  
  274. .two:hover {
  275. cursor:help;
  276. }
  277.  
  278. #sidebarimage {
  279. width:auto;
  280. height:auto;
  281. }
  282.  
  283. #sidebarimage img {
  284. width:270px;
  285. height:100%;
  286. opacity:1;
  287. }
  288.  
  289. #sidebar:hover #title2 {
  290. color:{color:Link};
  291. -moz-transition-duration:0.7s;
  292. -webkit-transition-duration:0.7s;
  293. -o-transition-duration:0.7s;
  294. }
  295.  
  296. #title2 {
  297. width:200px;
  298. top:0;
  299. position:absolute;
  300. text-align:right;
  301. line-height:100%;
  302. font-size:11px;
  303. letter-spacing:2px;
  304. text-transform:uppercase;
  305. color:{color:Title};
  306. -moz-transition-duration:0.7s;
  307. -webkit-transition-duration:0.7s;
  308. -o-transition-duration:0.7s;
  309. opacity:0;
  310. }
  311.  
  312. .desc {
  313. color:{color:Description Text};
  314. padding:20px;
  315. width:100px;
  316. position:absolute;
  317. text-align:center;
  318. background-color:#fff;
  319. top:35%;
  320. left:30px;
  321. height:210px;
  322. opacity:1;
  323. border:1px solid {color:Description Border};
  324. overflow-y:scroll;
  325. z-index:-1;
  326. }
  327.  
  328. #links {
  329. padding-top:100px;
  330. position:fixed;
  331. background-color:{color:Nav Links Background};
  332. height:100%;
  333. width:50px;
  334. font-size:15px;
  335. letter-spacing:1px;
  336. text-align:center;
  337. font-style:none;
  338. line-height:100%;
  339. top:0;
  340. left:850px;
  341. text-transform:uppercase;
  342. display:none;
  343. -moz-transition-duration:0.7s;
  344. -webkit-transition-duration:0.7s;
  345. -o-transition-duration:0.7s;
  346. }
  347.  
  348. #links a {
  349. margin-top:20px;
  350. display:block;
  351. color:{color:Nav Links};
  352. border-bottom:none;
  353. }
  354.  
  355. #links a:hover {
  356. color:{color:Nav Links Hover};
  357. text-shadow:2px 2px 1px {color:Nav Links Shadow};
  358. border-bottom:none;
  359. }
  360.  
  361. #pagination {
  362. font-size:13px;
  363. width:440px;
  364. position:absolute;
  365. text-align:center;
  366. margin-top:-75px;
  367. text-transform:none;
  368. font-style:none;
  369. text-transform: lowercase;
  370. }
  371.  
  372. /*--POST TYPES--*/
  373. .user {
  374. font-style:italic;
  375. position:relative;
  376. }
  377.  
  378. .user a {
  379. border-bottom:none;
  380. color:white;
  381. }
  382.  
  383. .user a:hover {
  384. color:{color:Hover};
  385. letter-spacing:2px;
  386. box-shadow:none;
  387. }
  388.  
  389. .question {
  390. position:relative;
  391. max-width:100%;
  392. background-color:{color:Question Background};
  393. color:{color:Question Text};
  394. padding:20px;
  395. }
  396.  
  397. .arrow-down {
  398. width: 0;
  399. height: 0;
  400. border-left: 15px solid transparent;
  401. border-right: 15px solid transparent;
  402. margin-left:30px;
  403. margin-top:0px;
  404. border-top: 15px solid {color:Question Background};
  405. }
  406.  
  407. .answer {
  408. text-align:left;
  409. margin-top:20px;
  410. max-width:100%;
  411. padding-bottom:5px;
  412. }
  413.  
  414. .quote {
  415. font-size:18px;
  416. font-style:italic;
  417. }
  418.  
  419. .chat li {
  420. list-style:none;
  421. }
  422.  
  423. .line_odd {
  424. color:{color:Chat Bg Odd};
  425. }
  426.  
  427. .line_even {
  428. color:{color:Chat Bg Even};
  429. }
  430.  
  431. .playerbuttonbg {
  432. position: absolute;
  433. left: 20px;
  434. top: 20px;
  435. width: 19px;
  436. height: 19px;
  437. background-color: #fff;
  438. padding: 10px;
  439. opacity: .4;
  440. filter: alpha(opacity=40);
  441. -moz-opacity: 0.4;
  442. -khtml-opacity: 0.4;
  443. transition: opacity .7s ease-in-out;
  444. -moz-transition: opacity .7s ease-in-out;
  445. -webkit-transition: opacity .7s ease-in-out;
  446. }
  447.  
  448. .playerbuttonbg:hover {
  449. opacity: 1;
  450. filter: alpha(opacity=100);
  451. -moz-opacity: 1;
  452. -khtml-opacity: 1;
  453. }
  454.  
  455. .newplayerbutton {
  456. position: relative;
  457. width: 19px;
  458. height: 19px;
  459. overflow: hidden;
  460. }
  461.  
  462. .playerbuttonhug {
  463. position: absolute;
  464. top: -18px;
  465. left: -7px;
  466. }
  467.  
  468. .tumblr_audio_player {
  469. height: 90px;
  470. width: 270px;
  471. -moz-transform: scale(0.60, 0.60);
  472. -webkit-transform: scale(0.60, 0.60);
  473. -o-transform: scale(0.60, 0.60);
  474. -ms-transform: scale(0.60, 0.60);
  475. transform: scale(0.60, 0.60);
  476. -moz-transform-origin: top left;
  477. -webkit-transform-origin: top left;
  478. -o-transform-origin: top left;
  479. -ms-transform-origin: top left;
  480. transform-origin: top left;
  481. }
  482.  
  483. .audioimgwrapper {
  484. position: absolute;
  485. left: 0px;
  486. top: 0px;
  487. overflow: hidden;
  488. width: 79px;
  489. height: 79px;
  490. }
  491.  
  492. .audioimgwrapper img {
  493. width: 100%;
  494. height: auto;
  495. }
  496.  
  497. .trackdetails {
  498. width: auto;
  499. display:inline-block;
  500. margin-left: 90px;
  501. min-height: 85px;
  502. }
  503.  
  504. .audiowrapper {
  505. position: relative;
  506. display:inline-block;
  507. }
  508.  
  509. /*--INFO AND TAGS--*/
  510. #footer {
  511. color:{color:Info Text};
  512. text-transform:uppercase;
  513. width:380px;
  514. text-align:left;
  515. font-size:10px;
  516. margin-top:10px;
  517. padding:10px;
  518. background-color:{color:Info Background};
  519. }
  520.  
  521. #footer a {
  522. color:{color:Info Links};
  523. }
  524.  
  525. #footer a:hover {
  526. color:{color:Info Links Hover};
  527. }
  528.  
  529. #post:hover .tags {
  530. margin-left:0px;
  531. opacity:1;
  532. -moz-transition-duration:0.7s;
  533. -webkit-transition-duration:0.7s;
  534. -o-transition-duration:0.7s;
  535. }
  536.  
  537. .tags {
  538. margin-left:-100px;
  539. margin-top:10px;
  540. text-align:center;
  541. opacity:0;
  542. -moz-transition-duration:0.7s;
  543. -webkit-transition-duration:0.7s;
  544. -o-transition-duration:0.7s;
  545. }
  546.  
  547. .like_and_reblog_buttons {
  548. position:absolute;
  549. margin-left:400px;
  550. list-style: none;
  551. opacity:1;
  552. -moz-transition-duration:0.7s;
  553. -webkit-transition-duration:0.7s;
  554. -o-transition-duration:0.7s;
  555. }
  556.  
  557. .like_and_reblog_buttons li {
  558. list-style:none;
  559. float: left;
  560. margin: 0;
  561. padding: 7px 15px;
  562. }
  563.  
  564. .like_and_reblog_buttons li:first-child {
  565. height:15px;
  566. }
  567.  
  568. /*CREDIT*/
  569.  
  570. #cred {
  571. position:fixed;
  572. font-family:'Calibri';
  573. text-transform:uppercase;
  574. font-size:8px;
  575. right:9px;
  576. bottom:9px;
  577. padding:4px;
  578. color:{color:Link};
  579. letter-spacing:1px;
  580. }
  581.  
  582. {CustomCSS}</style></head><body>
  583.  
  584. <div id="links">
  585. <a href="/" title="refresh"><i class="fa fa-power-off"></i></a>
  586. <a href="{text:Link1}" title="{text:Link1 Text}"><i class="fa fa-step-backward"></i></a>
  587. <a href="{text:Link2}" title="{text:Link2 Text}"><i class="fa fa-fast-backward"></i></a>
  588. <a href="{text:Link3}" title="{text:Link3 Text}"><i class="fa fa-backward"></i></a>
  589. <a href="{text:Link4}" title="{text:Link4 Text}"><i class="fa fa-play"></i></a>
  590. <a href="{text:Link5}" title="{text:Link5 Text}"><i class="fa fa-pause"></i></a>
  591. <a href="{text:Link6}" title="{text:Link6 Text}"><i class="fa fa-stop"></i></a>
  592. <a href="{text:Link7}" title="{text:Link7 Text}"><i class="fa fa-forward"></i></a>
  593. <a href="{text:Link8}" title="{text:Link8 Text}"><i class="fa fa-fast-forward"></i></a>
  594. <a href="{text:Link9}" title="{text:Link9 Text}"><i class="fa fa-step-forward"></i></a>
  595. <a href="{text:Link10}" title="{text:Link10 Text}"><i class="fa fa-eject"></i></a>
  596. </div>
  597.  
  598. <div id="sidebar">
  599.  
  600. <div id="choose">
  601. <a class="one">+description</a>
  602. <a class="two">+links</a>
  603. </div>
  604.  
  605. <div id="sidebarimage">
  606. <img src="{image:sidebar}"></div>
  607.  
  608. <div id="title2">{Title}</div>
  609. <div class="desc">
  610. {Description}
  611. </div>
  612. </div>
  613.  
  614. <div id="entries">{block:Posts}<div id="post">
  615.  
  616. <div class="like_and_reblog_buttons">
  617. <li>{ReblogButton color="black"}</li>
  618. <li>{LikeButton color="black"}</li>
  619. </div>
  620.  
  621. {block:Text}
  622. {block:Title}<h2>{Title}</h2>{/block:Title}
  623. {Body}
  624. {/block:Text}
  625.  
  626. {block:Answer}
  627. <div class="question">{Question}&nbsp;&nbsp;&nbsp;&nbsp;&#8213;<span class="user">{Asker}</span></div>
  628. <div class="arrow-down"></div>
  629.  
  630. <div class="answer">{Answer}</div>
  631. {/block:Answer}
  632.  
  633. {block:Quote}
  634. <span class="quote"><div style="font-size:20px;color:{color:Link};font-weight:bold;border-bottom:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-bottom:10px">&#147;</div>
  635. {Quote}
  636. <div style="font-size:20px;color:{color:Link};font-weight:bold;border-top:3px solid {color:Text};font-style:normal;text-align:center;float:center;width:100%;margin-top:10px;padding-top:5px;line-height:30px;">&#148; </div></span>
  637. {block:Source}<div class="font-size:18px"> &mdash;{Source}</div>{/block:Source}
  638. {/block:Quote}
  639.  
  640. {block:Link}
  641. <h2><a href="{URL}">{Name}</a></h2>
  642. {block:Description}{Description}{/block:Description}
  643. {/block:Link}
  644.  
  645. {block:Chat}
  646. {block:Title}{Title}{/block:Title}
  647. {block:Lines}<span class="chat">
  648. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  649. {/block:Lines}
  650. {/block:Chat}
  651.  
  652. {block:Photo}
  653. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  654. {block:Caption}{Caption}{/block:Caption}
  655. {/block:Photo}
  656.  
  657. {block:Photoset}
  658. {Photoset-400}
  659. {block:Caption}{Caption}{/block:Caption}
  660. {/block:Photoset}
  661.  
  662. {block:Audio}
  663. {block:AudioPlayer}
  664. <div class="audiowrapper">
  665. {block:AlbumArt}
  666. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  667. {/block:AlbumArt}
  668.  
  669. <div class="playerbuttonbg">
  670. <div class="newplayerbutton">
  671. <div class="playerbuttonhug">
  672.  
  673. {AudioPlayerWhite}
  674.  
  675. </div>
  676. </div>
  677. </div>
  678.  
  679. <div class="trackdetails">
  680.  
  681. {block:TrackName}{TrackName}</a><br>{/block:TrackName}
  682. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  683. {block:Album}Album: {Album}<br>{/block:Album}
  684. {PlayCountWithLabel}
  685.  
  686. </div>
  687. </div>
  688. {/block:AudioPlayer}
  689.  
  690. {block:Caption}{Caption}{/block:Caption}
  691. {/block:Audio}
  692.  
  693. {block:Video}
  694. {Video-400}
  695. {block:Caption}{Caption}{/block:Caption}
  696. {/block:Video}
  697.  
  698. <div id="footer">
  699. {block:Date}<a href="{Permalink}" title="{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}"><i class="fa fa-clock-o"></i></a> {block:NoteCount} &nbsp;&nbsp; <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount} {/block:Date}
  700. <div style="float:right">
  701. {block:RebloggedFrom} + <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  702. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  703. </div>
  704. </div>
  705.  
  706. <div class="tags">
  707. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a> {/block:Tags}{/block:HasTags}
  708. </div>
  709.  
  710. </div>{/block:Posts}
  711.  
  712. {block:PostNotes}{PostNotes}{/block:PostNotes}
  713. {/block:Posts}
  714.  
  715. <div id="pagination">
  716. {block:Pagination}
  717. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp;-&nbsp;
  718. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  719. {/block:Pagination}
  720. </div>
  721.  
  722. <div id="cred">
  723. <a href="http://wonderfullythemes.tumblr.com/" title="wonderfullythemes">theme</a>
  724. </div>
  725.  
  726. </div>
  727.  
  728. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement