Advertisement
Guest User

Themes by Siham

a guest
Jul 23rd, 2014
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.80 KB | None | 0 0
  1. <!--  
  2.  
  3. A-PPEALING
  4. BY SIHAM BOUSOUF (a-ppealing.tumlr.com)
  5. CREATING THEMES IS VERY HARDD AND STRESSFULL SO PLEASE LEAVE VISIBLE CREDIT OR I'LL GET YOU DELETED!!!!!!!!!!!!!!!!!!!!!!
  6. I WILL ANSWER YOUR HTML QUESTIONS
  7.  
  8. -->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <link href='http://static.tumblr.com/tcjrk42/S1Emwjczx/animate-custom__1_.css' rel='stylesheet' type='text/css'>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl647v8OI1qfamg6.gif">
  18. <script type="text/javascript">
  19. $(window).load(function(){
  20. $("p").remove(":contains('Source:')");
  21. $("p").remove(":contains('via ')");
  22. });
  23. </script>
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26.  
  27. <script>
  28. (function($){
  29. $(document).ready(function(){
  30. $("[title],a[title],img[title]").style_my_tooltips({
  31. tip_follows_cursor:true,
  32. tip_delay_time:100,
  33. tip_fade_speed:300,
  34. attribute:"title"
  35. });
  36. });
  37. })(jQuery);
  38. </script>
  39. <link href='http://fonts.googleapis.com/css?family=Raleway:400,200,800,100' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Raleway:400,200,800,100|Vidaloka' rel='stylesheet' type='text/css'>
  41.  
  42. <meta name="if:OneColumn" content="1">
  43. <meta name="if:TwoColumn" content="0">
  44. <meta name="color:background" content="#fafafa">
  45. <meta name="color:text" content="#777777"/>
  46. <meta name="color:link" content="#cccccc"/>
  47. <meta name="color:hover" content="#AAAAAA"/>
  48. <meta name="image:sidebar" content="https://31.media.tumblr.com/tumblr_md53rvtzAQ1r2068ro1_500.jpg">
  49. <meta name="text:link 1" content="link 1">
  50. <meta name="text:link 1 url" content="/">
  51. <meta name="text:link 2" content="link 2">
  52. <meta name="text:link 2 url" content="/">
  53. <meta name="text:link 3" content="link 3">
  54. <meta name="text:link 3 url" content="/">
  55. <meta name="text:link 4" content="link 4">
  56. <meta name="text:link 4 url" content="/">
  57. <meta name="text:link 5" content="link 5">
  58. <meta name="text:link 5 url" content="/">
  59. <style type="text/css">
  60.  #ocehans1{
  61. height:13px;
  62. text-align:center;
  63. overflow:hidden;
  64. border-radius:3px;
  65. margin-top:-1px;
  66. border-bottom:1px solid #efefef;
  67. text-transform:uppercase;
  68. letter-spacing:1px;
  69. font-size:8px;
  70. line-height:10px;
  71. z-index:999999999999999999999;
  72. -webkit-transition: all 0.5s ease-in-out;
  73. -moz-transition: all 0.5s ease-in-out;
  74. -o-transition: all 0.5s ease-in-out;
  75. }
  76. #ocehans1:hover{
  77. height:67px;
  78. -webkit-transition: all 0.5s ease-in-out;
  79. -moz-transition: all 0.5s ease-in-out;
  80. -o-transition: all 0.5s ease-in-out;
  81. }
  82.  
  83. #ocehans2{
  84. height:13px;
  85. text-align:center;
  86. overflow:hidden;
  87. border-bottom:1px solid #efefef;
  88. border-radius:3px;
  89. text-transform:uppercase;
  90. background-color:#fff;
  91. letter-spacing:1px;
  92. font-size;8px;
  93. line-height:13px;
  94. z-index:999999999999999999999;
  95. -webkit-transition: all 0.5s ease-in-out;
  96. -moz-transition: all 0.5s ease-in-out;
  97. -o-transition: all 0.5s ease-in-out;
  98. }
  99.  
  100. #ocehans2:hover{
  101. height:60px;
  102. -webkit-transition: all 0.5s ease-in-out;
  103. -moz-transition: all 0.5s ease-in-out;
  104. -o-transition: all 0.5s ease-in-out;
  105. }
  106.  
  107. #ocehans3{
  108. height:13px;
  109. text-align:center;
  110. overflow:hidden;
  111. border-bottom:1px solid #efefef;
  112. text-transform:uppercase;
  113. background-color:#fff;
  114. border-radius:3px;
  115. letter-spacing:1px;
  116. font-size;8px;
  117. line-height:13px;
  118. z-index:999999999999999999999;
  119. -webkit-transition: all 0.5s ease-in-out;
  120. -moz-transition: all 0.5s ease-in-out;
  121. -o-transition: all 0.5s ease-in-out;
  122. }
  123.  
  124. #ocehans3:hover{
  125. height:135px;
  126. -webkit-transition: all 0.5s ease-in-out;
  127. -moz-transition: all 0.5s ease-in-out;
  128. -o-transition: all 0.5s ease-in-out;
  129. }
  130.  
  131.  
  132.  
  133. #ocehans4{
  134. height:13px;
  135. text-align:center;
  136. overflow:hidden;
  137. text-transform:uppercase;
  138. background-color:#fff;
  139. letter-spacing:1px;
  140. border-bottom:0px solid #efefef;
  141. font-size;8px;
  142. line-height:13px;
  143. z-index:999999999999999999999;
  144. -webkit-transition: all 0.5s ease-in-out;
  145. -moz-transition: all 0.5s ease-in-out;
  146. -o-transition: all 0.5s ease-in-out;
  147. }
  148.  
  149. #ocehans4:hover{
  150. height:145px;
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. }
  155.  
  156. #ocehans{
  157. text-align:left;
  158. font-size:8px;
  159. text-transform:uppercase;
  160. opacity: 1;
  161. border:1px solid #eee;
  162. position:fixed;
  163. font-family:consolas;
  164. border-radius:9px;
  165. right:14px;
  166. background-color:#fff;
  167. letter-spacing:1px;
  168. width:60px;
  169. z-index:9999;
  170. box-shadow:rgba(0,0,0,.03) 6px 6px;
  171. padding:6px;
  172. top:27px;
  173.  
  174. }
  175.  
  176.  
  177.  
  178.  
  179.  
  180. #ireverent2 {
  181. position:fixed;
  182. z-index:999;
  183. padding:13px;
  184. background:#fff;
  185. position:fixed;
  186. font-family:corbel;
  187. font-size:11px;
  188. text-align:left;
  189. line-height:12px;
  190. position:fixed;
  191. margin-left:50px;
  192. margin-top:-7px;
  193. color:#999999;
  194. width:14px;
  195. height:10px;
  196. text-transform:none;
  197. border:1px solid #eee;
  198. overflow:hidden;
  199. transition: all 0.6s ease-out;
  200. -o-transition-transition: all 0.6s ease-out;
  201. -webkit-transition: all 0.6s ease-out;
  202. -moz-transition: all 0.6s ease-out;
  203. }
  204.  
  205. #ireverent2:hover{
  206. width:124px;
  207. height:auto;
  208. border:1px solid #eee;
  209. transition: all 0.6s ease-out;
  210. -o-transition-transition: all 0.6s ease-out;
  211. -webkit-transition: all 0.6s ease-out;
  212. -moz-transition: all 0.6s ease-out;
  213. }
  214.  
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221. #tumblr_controls{
  222. position:fixed !important;
  223. -webkit-filter: invert(100%);
  224. }
  225.  
  226. #s-m-t-tooltip{
  227. font-size:8px;
  228. max-width:200px;
  229. line-height:8px;
  230. border-radius:1px;
  231. padding:2px 5px 2px 5px;
  232. margin:20px 0px 0px 20px;
  233. z-index:10;
  234. background:#f4f4f4;
  235. font-family:calibri;
  236. text-transform:uppercase;
  237. opacity:.5;
  238. border:1px solid #eee;
  239. border-offset:-1px;
  240. letter-spacing:1px;
  241. color:#999;
  242. z-index:9999999999999999999999999999999;
  243. }
  244.  
  245. ::-webkit-scrollbar-thumb{
  246. background-color: #ccc;
  247. border: 2px solid #fff;
  248. height:auto;
  249. -moz-border-radius: 10px;
  250. border-radius: 10px;
  251. }
  252. ::-webkit-scrollbar {
  253. height:auto;
  254. width:9px;
  255. background-color: #ccc;
  256. border: 4px solid #fff;
  257. }
  258.  
  259. body {
  260. margin:0px;
  261. padding:0px;
  262. background-color:{color:background};
  263. font-family:georgia;
  264. font-size:10px;
  265. color:{color:text};
  266. }
  267. a{
  268. transition:All .2s ease-in-out;
  269. -webkit-transition:All .2s ease-in-out;
  270. -moz-transition:All .2s ease-in-out;
  271. -o-transition:All .2s ease-in-out;
  272. color:{color:link};
  273. text-decoration:none;
  274. }
  275.  
  276. a:hover{
  277. color:{color:hover};
  278. }
  279. ::selection
  280. {
  281. color:#fff;
  282. background:#777;
  283. }
  284. ::-moz-selection
  285. {
  286. color:#fff;
  287. background:#777;
  288. }
  289. #wrapper{
  290. {block:ifOneColumn}
  291. width:300px;
  292. {/block:ifOneColumn}
  293. {block:ifTwoColumn}
  294. width:600px;
  295. {/block:ifTwoColumn}
  296. margin:0 auto;
  297. top:0px;
  298. padding:10px;
  299. border-right:1px solid #fafafa;
  300. border-left:1px solid #fafafa;
  301. background:#fefefe;
  302. {block:permalinkpage}
  303. height:100%;
  304. {/block:permalinkpage}
  305. }
  306. #infscr-loading img{
  307. width:50px;
  308. }
  309. #infscr-loading{
  310. bottom: 0px;
  311. position: absolute;
  312. left: 50%;
  313. width:50px;
  314. height:50px;
  315. margin-left:-60px;
  316. overflow:hidden;
  317. margin-bottom: 20px;
  318. text-align:center;
  319. }
  320. #posts {
  321. padding-bottom:90px;
  322.  
  323. }
  324. .entry {
  325. width:250px;
  326. float:left;
  327. margin:10px;
  328. margin-bottom:20px;
  329. padding:15px;
  330. background:#fafafa;
  331. {block:permalinkpage}
  332. {block:ifTwoColumn}
  333. width:500px;
  334. {/block:ifTwoColumn}
  335. {block:ifOneColumn}
  336. width:250px;
  337. {/block:ifOneColumn}
  338. margin-left:0px;
  339. {/block:permalinkpage}
  340. }
  341. .entry img{
  342. max-width:100%;
  343. display:block;
  344. }
  345. .img{
  346. transition:All .5s ease-in-out;
  347. -webkit-transition:All .5s ease-in-out;
  348. -moz-transition:All .5s ease-in-out;
  349. -o-transition:All .5s ease-in-out;
  350. opacity:.7;
  351.  
  352. }
  353. .img:hover{
  354. opacity:1;
  355. }
  356. .entry_permalinks{
  357. position:absolute;
  358. background:#777;
  359. text-transform:uppercase;
  360. transition:All .5s ease-in-out;
  361. -webkit-transition:All .5s ease-in-out;
  362. -moz-transition:All .5s ease-in-out;
  363. -o-transition:All .5s ease-in-out;
  364. padding:10px;
  365. font-family:trebuchet ms;
  366. width:70px;
  367. bottom:-8px;
  368. margin-left:75px;
  369.  
  370. opacity:0;
  371. }
  372. .entry:hover .entry_permalinks{
  373. opacity:1;
  374. bottom:-7px;
  375. z-index:999999;
  376. }
  377.  
  378.  
  379. .entry_permalinks a{
  380. transition:All .5s ease-in-out;
  381. -webkit-transition:All .5s ease-in-out;
  382. -moz-transition:All .5s ease-in-out;
  383. -o-transition:All .5s ease-in-out;
  384. color:white;
  385. margin:3px;
  386. }
  387.  
  388. .entry_permalinks a:hover{
  389. transition:All .5s ease-in-out;
  390. -webkit-transition:All .5s ease-in-out;
  391. -moz-transition:All .5s ease-in-out;
  392. -o-transition:All .5s ease-in-out;
  393. }
  394.  
  395.  
  396. blockquote{
  397. margin:0px;
  398. padding-left:5px;
  399.  
  400. border-left: 2px solid {color:link};
  401. }
  402. blockquote p, ul{
  403. margin:0px; padding:0px;
  404. }
  405. ul{
  406. margin-left:15px;
  407. list-style:square url("https://cdn1.iconfinder.com/data/icons/sanscons/black/to_size/heart.gif");
  408. }
  409. .text_permalinks{
  410. width:;
  411. text-align:left;
  412. text-transform:uppercase;
  413. border-top:1px solid #f5f5f5;
  414. font-size:8px;
  415. padding:5px;
  416. padding-top:2px;
  417. padding-bottom:2px;
  418. letter-spacing:1px;
  419. margin-top:10px;
  420. }
  421.  
  422. .text_title{
  423. font-size:10px;
  424. margin:0px;
  425. padding:0px;
  426. font-style:uppercase;
  427. }
  428. .text_title h9{
  429. background:#efefef;
  430. color:#777;
  431. padding-right:3px;
  432. padding-left:3px;
  433. }
  434. .text-title a{
  435. color:#777;
  436. }
  437. .question{
  438. padding:5px;
  439. background:#f5f5f5;
  440. border-radius:5px;
  441. font-size:12px;
  442. text-transform:lowercase;
  443. }
  444.  
  445. .answer{
  446. font-style:italic;
  447. padding-left:5px;
  448. }
  449. #quote{
  450. font-size:15px;
  451. background:#fefefe;
  452. padding:5px;
  453. border-bottom:3px solid #efefef;
  454. font-style:italic;
  455. }
  456. .quote_source{
  457. text-transform:uppercase;
  458. margin-top:5px;
  459. text-align:right;
  460. color:#999;
  461. font-size:9px;
  462. padding-right:5px;
  463. }
  464. .chat .line{
  465. background-color:#ffffff;
  466. margin: 0 0 1px;
  467. padding: 3px;
  468. }
  469. .chat .line.odd{
  470. background-color:#fff;
  471. font-style:italic;
  472. }
  473. .label {
  474. font-weight:bold;
  475. color:#000;
  476. }
  477. #audio {width:250px; height:70px;padding-bottom:0px;}
  478. .cover {position:absolute; z-index:1; width:65px; height:60px;}
  479. .cover img {float:left; width:65px; height:65px;}
  480. .playbox {opacity:0.8; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:21px; margin-top:20px; text-align:center;}
  481. .info {margin-left:73px; margin-top:2px; line-height:12px;font-size:8px;text-transform:uppercase; letter-spacing:1px; }
  482. .entry #sweggie{
  483. height:250px;
  484. overflow-y:scroll;
  485. overflow-x:hidden;
  486. padding-bottom:2px;
  487. line-height:11px;
  488. text-align:left;
  489. text-transform:lowercase;
  490. font-style:italic;
  491. margin-left:0px;
  492. border-top:1px solid #efefef;
  493. }
  494. .entry #sweggie img{
  495. width:15px;
  496. border-radius:4px;
  497. display:inline;
  498. }
  499. .entry .perma_info{
  500. padding:5px;
  501. margin-top:5px;
  502. margin-bottom:5px;
  503. color:#777;
  504. text-transform:uppercase;
  505. }
  506. .perma_info a{
  507. color:#777;
  508. }
  509.  
  510.  
  511. .title{
  512. display:inline;
  513. font-size:11px;
  514. text-transform:uppercase;
  515. background:#efefef;
  516. color:#777;
  517. padding-right:3px;
  518. padding-left:3px;
  519. }
  520. .title a{
  521. color:#777;
  522. }
  523. #sidebar{
  524. position:fixed;
  525. margin-top:100px;
  526. width:120px;
  527. margin-left:-150px;
  528. padding:5px;
  529. }
  530.  
  531. .sidebar-pic{
  532. padding:0px;
  533. text-align:center;
  534. font-size:13px;
  535. font-family: 'Vidaloka', serif;
  536. font-weight:400;
  537. text-transform:uppercase;
  538. }
  539.  
  540. .whoa img{
  541. width:100%;
  542. margin-bottom:10px;
  543. border-radius:5px;
  544. }
  545.  
  546. .desc{
  547. margin-top:5px;
  548. border:1px solid #efefef;
  549. background:#fff;
  550. padding:9px;
  551. text-transform:uppercase;
  552. font-size:8px;
  553. text-align:justify;
  554. border-radius:10px;
  555. }
  556. #booie{
  557. position:fixed;
  558. margin-left:-20px;
  559. margin-top:20px;
  560. }
  561. .links a{
  562. background-color:#B0B0B0;
  563. z-index:99999999999999999999;
  564. height:4px;
  565. border-radius:100%;
  566. padding:3px;
  567. width:4px;
  568. line-height:9px;
  569. text-align:center;
  570. border:1px solid #B0B0B0 ;
  571. letter-spacing:1px;
  572. color:transparent;
  573. text-transform:uppercase;
  574. font-family:calibri;
  575. display:block;
  576. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  577. }
  578.  
  579.  
  580. .links a:hover {
  581. opacity:1;
  582. background-color:#fff;
  583. font-style:none;
  584. border:1px solid #efefef;
  585. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  586. }
  587.  
  588. .links1 a{
  589. background-color:#C0C0C0;
  590. z-index:9;
  591. border-radius:100%;
  592. height:4px;
  593. margin-top:3px;
  594. padding:3px;
  595. width:4px;
  596. line-height:9px;
  597. text-align:center;
  598. border:1px solid #C0C0C0;
  599. letter-spacing:1px;
  600. color:transparent;
  601. text-transform:uppercase;
  602. font-family:calibri;
  603. display:block;
  604. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  605. }
  606.  
  607.  
  608. .links1 a:hover {
  609. opacity:1;
  610. background-color:#fff;
  611. font-style:none;
  612. border:1px solid #efefef;
  613. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  614. }
  615.  
  616. .links2 a{
  617. background-color:#D0D0D0 ;
  618. z-index:9;border-radius:100%;
  619. height:4px;
  620. padding:3px;
  621. width:4px;
  622. line-height:9px;
  623. text-align:center;
  624. border:1px solid #D0D0D0 ;
  625. margin-top:3px;
  626. letter-spacing:1px;
  627. color:transparent;
  628. text-transform:uppercase;
  629. font-family:calibri;
  630. display:block;
  631. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  632. }
  633.  
  634.  
  635. .links2 a:hover {
  636. opacity:1;
  637. background-color:#fff;
  638. font-style:none;
  639. border:1px solid #efefef;
  640. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  641. }
  642.  
  643. .links3 a{
  644. background-color:#E0E0E0 ;
  645. z-index:9;
  646. height:4px;
  647. padding:3px;border-radius:100%;
  648. width:4px;
  649. line-height:9px;
  650. text-align:center;
  651. border:1px solid #E0E0E0 ;
  652. margin-top:3px;
  653. letter-spacing:1px;
  654. color:transparent;
  655. text-transform:uppercase;
  656. font-family:calibri;
  657. display:block;
  658. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  659. }
  660.  
  661.  
  662. .links3 a:hover {
  663. opacity:1;
  664. background-color:#fff;
  665. font-style:none;
  666. border:1px solid #efefef;
  667. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  668. }
  669.  
  670. .links4 a{
  671. background-color:#F0F0F0;
  672. z-index:9;
  673. height:4px;
  674. padding:3px;
  675. width:4px;border-radius:100%;
  676. line-height:9px;
  677. text-align:center;
  678. border:1px solid #F0F0F0;
  679. margin-top:3px;
  680. letter-spacing:1px;
  681. color:transparent;
  682. text-transform:uppercase;
  683. font-family:calibri;
  684. display:block;
  685. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  686. }
  687.  
  688.  
  689. .links4 a:hover {
  690. opacity:1;
  691. background-color:#fff;
  692. font-style:none;
  693. border:1px solid #efefef;
  694. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  695. }
  696.  
  697. .links5 a{
  698. background-color:#efefef;
  699. z-index:9;
  700. border-radius:120px;
  701. height:4px;
  702. padding:3px;
  703. margin-left:190px;border-radius:100%;
  704. width:4px;
  705. line-height:9px;
  706. text-align:center;
  707. border:1px solid #dddddd;
  708. margin-top:-12px;
  709. letter-spacing:1px;
  710. color:transparent;
  711. text-transform:uppercase;
  712. font-family:calibri;
  713. display:block;
  714. -webkit-transition: all .9s ease-out;-moz-transition: all .9s ease-out;transition: all .9s ease-out;
  715. }
  716.  
  717.  
  718. .links5 a:hover {
  719. opacity:1;
  720. background-color:#fff;
  721. font-style:none;
  722. border:1px solid #efefef;
  723. -webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;transition: all 0.9s ease-out-webkit-filter: blur(15px);;
  724. }
  725.  
  726. </style>
  727.    
  728. </head>
  729. {block:IndexPage}
  730. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  731. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  732. <script type="text/javascript">
  733. $(window).load(function () {
  734. var $content = $('#posts');
  735. $content.masonry({itemSelector: '.entry'}),
  736. $content.infinitescroll({
  737. navSelector : 'div#pagination',
  738. nextSelector : 'div#pagination a#nextPage',
  739. itemSelector : '.entry',
  740. loading: {
  741. finishedMsg: '',
  742. img: 'http://static.tumblr.com/tcjrk42/uOWmyhqu4/481.gif'
  743. },
  744. extraScrollPx: 100,
  745. bufferPx : 650,
  746. debug : false,
  747. },
  748. // call masonry as a callback.
  749. function( newElements ) {
  750. var $newElems = $( newElements );
  751. $newElems.hide();
  752. // ensure that images load before adding to masonry layout
  753. $newElems.imagesLoaded(function(){
  754. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(10);} );
  755. });
  756. });
  757. });
  758. </script>
  759. {/block:IndexPage}
  760. <body>
  761.  
  762.  
  763. <div id="wrapper">
  764.  
  765. <div id="sidebar">
  766. <div class="sidebar-pic"><img src="http://static.tumblr.com/vilw5yj/o9fmw06k7/30v0qp4__1_.gif" draggable="false"> {title} <img src="http://static.tumblr.com/vilw5yj/Pu9mw06me/30v0qp4.gif" draggable="false"></div>
  767. <div id="booie">
  768. <div class="links"><a href="{text:link 1 url}" title="{text:link 1}">X</a></div>
  769. <div class="links1"><a href="{text:link 2 url}" title="{text:link 2}">X</a> </div>
  770. <div class="links2"><a href="{text:link 3 url}" title="{text:link 3}">X</a></div>
  771. <div class="links3"><a href="{text:link 4 url}" title="{text:link 4}">X</a> </div>
  772. <div class="links4"><a href="{text:link 5 url}" title="{text:link 5}">X</a> </div>
  773. </div>
  774. <div class="desc">
  775. <div class="whoa"><img src="{image:sidebar}"></div>
  776. {description}</div>
  777. </div>
  778.  
  779. <div id="posts">
  780. {block:Posts}
  781. <div class="entry">
  782.  
  783. {block:Text}
  784. {block:Title}<div class="text_title"><h9>{Title}</h9></div>{/block:Title}
  785. {Body}
  786. {block:indexpage}
  787. <div class="text_permalinks">
  788. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  789. </div>
  790. {/block:indexpage}
  791. {/block:Text}
  792.  
  793. {block:Photo}
  794. <div class="img">
  795. {block:IndexPage}
  796. <div class="entry_permalinks">
  797. <div class="itchyboob"><a href="{reblogurl}" title="Reblog this shit">reblog</a> with <a href="{permalink}" title="notes">{notecount}</a></div>
  798. </div>
  799. {/block:IndexPage}
  800. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%"></a>
  801. </div>
  802. {/block:Photo}
  803.  
  804. {block:Link}
  805. <div class="text_title"><h9><a href="{Url}">{Name}</a></h9></div>
  806. {block:description}{Description}{/block:description}
  807. {block:indexpage}
  808. <div class="text_permalinks">
  809. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  810. </div>
  811. {/block:indexpage}
  812. {/block:Link}
  813.  
  814. {block:Audio}
  815. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  816. {block:indexpage}
  817. <div class="text_permalinks">
  818. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  819. </div>
  820. {/block:indexpage}
  821. {/block:Audio}
  822.  
  823. {block:Photoset}
  824. <div class="img">
  825. {block:IndexPage}
  826. <div class="entry_permalinks">
  827. <a href="#" title="Posted on {Month} {DayOfMonth}, {Year}">11.</a>
  828. <a href="{ReblogUrl}" title="Reblog">22.</a>
  829. <a href="{Permalink}" title="Permalink">33.</a>
  830. </div>
  831. {/block:IndexPage}
  832. <center>{Photoset-250}</center>
  833. </div>
  834. {/block:Photoset}
  835.  
  836. {block:Video}
  837. {VideoEmbed-250}
  838. {block:PermalinkPage}
  839. <center>{Video-500}</center>
  840. {/block:PermalinkPage}
  841. {block:indexpage}
  842. <div class="text_permalinks">
  843. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  844. </div>
  845. {/block:indexpage}
  846. {block:Video}
  847.  
  848. {block:Chat}
  849. {block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
  850. <div class="chat">
  851. <div class="lines">
  852. {block:Lines}
  853. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  854. {/block:Lines}
  855. </div>
  856. </div>
  857. {block:indexpage}
  858. <div class="text_permalinks">
  859. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  860. </div>
  861. {/block:indexpage}
  862. {/block:Chat}
  863.  
  864. {block:Quote}
  865. <div id="quote">{Quote}</div>
  866. {block:Source}<div class="quote_source">– {Source}</div> {/block:Source}
  867. {block:indexpage}
  868. <div class="text_permalinks">
  869. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  870. </div>
  871. {/block:indexpage}
  872. {/block:Quote}
  873.  
  874.  
  875. {block:Answer}
  876. <div class="question">
  877. {Asker}: {Question}</div><div class="answer">{Answer}</div>
  878. {block:indexpage}
  879. <div class="text_permalinks">
  880. Posted on {DayOfWeek} with <a href="{Permalink}">{notecountwithlabel}</a>
  881. </div>
  882. {/block:indexpage}
  883. {/block:Answer}
  884.  
  885.  
  886. {block:PermalinkPage}
  887. <div class="perma_info">
  888. {block:Date}
  889. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  890. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  891. {/block:Date}
  892. {block:RebloggedFrom}
  893. <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  894. {/block:RebloggedFrom}
  895. </div>
  896. {/block:PermalinkPage}
  897. {block:PostNotes}
  898. <div id="sweggie">{PostNotes}</div>
  899. {/block:PostNotes}
  900. </div>
  901.  
  902.  
  903. {/block:Posts}
  904. <div style="bottom:10px; margin-bottom:10px; text-align:center; text-transform:uppercase; font-size:12px;">
  905. {block:IndexPage}
  906. {block:Pagination}
  907. <div id="pagination">
  908. {block:PreviousPage}
  909. <a href="{PreviousPage}"> </a>
  910. {/block:PreviousPage}
  911. &nbsp; &nbsp;
  912. {block:NextPage}
  913. <a id="nextPage" href="{NextPage}"></a>
  914. {/block:NextPage}
  915. </div>
  916. {/block:Pagination}
  917. {/block:IndexPage}
  918. <br>
  919. </div>
  920. </div></div></div></div></div>
  921. </body></script>
  922. <style>html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  923. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  924. </style>
  925.  
  926.  
  927. <div style="position:fixed; bottom:10px; right:5px; opacity:.6">
  928. <a href="http://a-ppealing.tumblr.com"><img src="http://3.bp.blogspot.com/-S91TgAf3bBM/T3-LRRi94pI/AAAAAAAAAXI/lHg5gmMv7AU/s1600/favicons+para+blog+e+tumblr+(42).gif" width="15px"></a>
  929. </div>
  930. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement