tanaxmercedes

Theme #18: Lovingly

Sep 21st, 2015
403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.63 KB | None | 0 0
  1. <!--
  2.  
  3. ╔═════════════════════════════╗
  4. Lovingly Theme by
  5. ELEGANCE THEMES
  6.  
  7. ●
  8.  
  9. Do not Remove credit or take
  10. any ownership over any parts
  11. of my coding. That is
  12. considered stealing and it is
  13. very much illegal.
  14. ╚═════════════════════════════╝
  15.  
  16.  
  17.  
  18. . . .
  19. Credits
  20. - Basecode by Hisabeel
  21. - Audio inspired by Seedfawn
  22. - Entry outline inspired by Hisabeel
  23. . . .
  24. -->
  25. <html lang="en">
  26. <script type="text/javascript">
  27. <!--
  28.  
  29. // Disable Right Click Script
  30.  
  31. function IE(e)
  32. {
  33. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  34. {
  35. return false;
  36. }
  37. }
  38. function NS(e)
  39. {
  40. if (document.layers || (document.getElementById && !document.all))
  41. {
  42. if (e.which == "2" || e.which == "3")
  43. {
  44. return false;
  45. }
  46. }
  47. }
  48. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  49.  
  50. //-->
  51. </script>
  52.  
  53. <!--THESE CODES ARE DOING WORK THE THEME, BACKGROUND COLOR CHANGING OR ADDING A CUSTOM BACKGROUND, CHANGE THE NUMBER OF LINKS, ETC.-->
  54. <meta name="color:Background" content="#fafafa"/>
  55. <meta name="color:Title" content="#eeeeee"/>
  56. <meta name="color:Text" content="#999999"/>
  57. <meta name="color:Link" content="#eeeeee"/>
  58. <meta name="color:Hover" content="#ffffff"/>
  59. <meta name="color:Blog Title" content="#eeeeee"/>
  60. <meta name="image:Background" content=""/>
  61. <meta name="image:First Sidebar" content=""/>
  62. <meta name="image:Second Sidebar" content=""/>
  63. <meta name="image:Favicon" content=""/>
  64. <meta name="text:Blog Title" content="Lovingly"/>
  65. <meta name="text:Tab Title" content="Lovingly Theme"/>
  66. <meta name="color:Blog Accent" content="#b38989"/>
  67. <meta name="text:Name" content="Name"/>
  68.  
  69. <!--HERE ARE THE SITES WHERE WILL GIVE LINKS-->
  70. <meta name="text:Link One" content="" />
  71. <meta name="text:Link Two" content="" />
  72. <meta name="text:Link Three" content="" />
  73. <meta name="text:Link Four" content="" />
  74. <meta name="text:Link Five" content="" />
  75. <meta name="text:Link Six" content="" />
  76.  
  77. <!--HERE ARE PLACED THE NAMES OF LINKS-->
  78. <meta name="text:Link 1 hover text" content="Title Here" />
  79. <meta name="text:Link 2 hover text" content="Title Here" />
  80. <meta name="text:Link 3 hover text" content="Title Here" />
  81. <meta name="text:Link 4 hover text" content="Title Here" />
  82. <meta name="text:Link 5 hover text" content="Title Here" />
  83. <meta name="text:Link 6 hover text" content="Title Here" />
  84. </script>
  85.  
  86.  
  87. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  88.  
  89. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90.  
  91. <script>
  92.  
  93. (function($){
  94.  
  95. $(document).ready(function(){
  96.  
  97. $("a[title]").style_my_tooltips({
  98.  
  99. tip_follows_cursor:true,
  100.  
  101. tip_delay_time:90,
  102.  
  103. tip_fade_speed:600,
  104.  
  105. attribute:"title"
  106.  
  107. });
  108.  
  109. });
  110.  
  111. })(jQuery);
  112.  
  113. </script>
  114. <!--basic tooltip from tutorial-baby! Enjoy-->
  115. <style>
  116. .tooltip{
  117. display: inline;
  118. position: relative;
  119. }
  120. #s-m-t-tooltip {
  121. max-width:300px; /*how big the tooltip can be at most*/
  122. border-radius: 0px; /*change your border radius*/
  123. padding:4px; /*padding inside tooltip*/
  124. margin:10px 7px -2px 20px; /*distance from word*/
  125. background-color:#ffffff; /*background color*/
  126. font-family:trebuchet ms; /*tooltip font*/
  127. box-shadow:rgba(0,0,0,.03) 4px 4px;
  128. font-size:9px; /*tooltip font size*/
  129. letter-spacing:px; /*tooltip letter spacing*/
  130. text-transform:uppercase; /*makes the tooltip title uppercase*/
  131. color:#999; /*tooltip font color*/
  132. z-index:999999999999999999999999999999999999;
  133. }
  134.  
  135. </style>
  136.  
  137.  
  138. <style type="text/css">
  139. /*--IFRAME ARE THE CODES OF CONTROL BUTTONS (DASHBOARD, FOLLOW/UNFOLLOW)--*/
  140. iframe#tumblr_controls{
  141. z-index:9;
  142. opacity:0.1 !important;
  143. -webkit-filter:invert(100%);
  144. top:0px !important;
  145. right:8px !important;
  146. position:fixed!important;
  147. }
  148. 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; z-index:99999}
  149. iframe#tumblr_controls:hover {opacity:.4; !important; -webkit-transition:opacity 0.7s linear; opacity:1.0; -webkit-transition:all 0.4s ease-out; -moz-transition:all 0.4s ease-out; transition: all 0.4s ease-out; z-index:99999;}
  150.  
  151.  
  152. /*--SCROLLBAR IS THE SIDE BAR THAT APPEARS ON RIGHT CORNER OF THE THEME, WHAT DOES WALKING DOWN THE BLOG AND UP, JUST CHANGE NOW FOR EXPERIENCED--*/
  153. ::-webkit-scrollbar {width: 5px; height: 4px; background-color:{color:Blog Accent}; }
  154.  
  155. ::-webkit-scrollbar-thumb { background-color:#bbb }
  156.  
  157.  
  158. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  159. a:link, a:active, a:visited{
  160. color:{color:Link};
  161. font-style:italic;
  162. text-decoration:none;
  163. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  164.  
  165. a:hover{
  166. color:{color:Hover};
  167. font-style:italic;
  168. text-decoration:underline;
  169. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  170. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  171.  
  172.  
  173. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  174. #audio {
  175. width:200px;
  176. height:auto;
  177. min-height:60px;
  178. padding-bottom:0px;
  179. }
  180.  
  181. .cover {
  182. border:0px {color:Blog Accent} inset;
  183. position:absolute;
  184. z-index:1;
  185. width:60px;
  186. height:60px;
  187. }
  188.  
  189. .cover img {
  190. float:left;
  191. width:60px;
  192. height:60px;
  193. }
  194.  
  195. .playbox {
  196. opacity:0.6;
  197. width:27px;
  198. height:30px;
  199. overflow:hidden;
  200. position:absolute;
  201. z-index:1000;
  202. margin-left:20px;
  203. margin-top:20px;
  204. text-align:center;
  205. }
  206.  
  207. .info {
  208. margin-left:73px;
  209. margin-top:4px;
  210. line-height:14px;
  211. }
  212.  
  213. #cunt{width:250px; height:auto;}
  214. {block:PermalinkPage}
  215. width:10px;
  216. {/block:PermalinkPage}
  217. }
  218.  
  219. #center{
  220. padding-top:3px;
  221. padding-bottom:3px;
  222. position:fixed !important;
  223. width:250px;
  224. height:207px;
  225. background-color:#fff;
  226. {block:PermalinkPage}
  227. width:410px;
  228. height:207px;
  229. {/block:PermalinkPage}
  230. }
  231.  
  232. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  233.  
  234. body {
  235. padding: 0px;
  236. margin: 0px;
  237. color:{color:text};
  238. font-family: muli;
  239. line-height:13px;
  240. font-size:12px;
  241. background-color: {color:Background};
  242. background-image:url({image:Background});
  243. background-attachment: fixed;
  244. background-repeat: repeat;
  245. }
  246.  
  247. /*--HERE YOU CAN CHANGE THE AMOUNT OF COLUMNS YOU WANT--*/
  248. #posts{
  249. float:center;
  250. {block:indexpage}
  251. width:650px; /*--1000px for 4 columns, 800px for 3 columns, 600px for 2 columns and 200px for 1 columns--*/
  252. {/block:indexpage}
  253. {block:permalinkpage}
  254. width:600px;
  255. {/block:permalinkpage}
  256. margin-left:80px;
  257. margin-top:30px;
  258. z-index:99;
  259. }
  260.  
  261. /*--CUSTOMIZE ENTRY SETTINGS--*/
  262. #entry img{
  263. {block:indexpage}
  264. outline:6px solid rgba(0, 0, 0, 0.4);
  265. outline-offset:-10px;
  266. border:4px solid {color:Blog Accent};
  267. max-width:200px;
  268. opacity:1;
  269. z-index:99;
  270. -webkit-transition:all 0.7s ease-out;
  271. -moz-transition:all 0.7s ease-out;
  272. transition:all 0.7s ease-out;
  273. {/block:indexpage}
  274. }
  275.  
  276. #entry{
  277. z-index:99;
  278. margin:36px;
  279. float:left;
  280. background:transparent;
  281. font-size:10px;
  282. line-height:13px;
  283. text-transform:normal;
  284. width:200px;
  285. {block:PermalinkPage}
  286. opacity:1;
  287. width:360px;
  288. margin-top:30px;
  289. margin-left:13px;
  290. z-index:999;
  291. {/block:PermalinkPage}
  292. -moz-transition: all 3.9s ease-out;
  293. -o-transition: all 3.9s ease-out;
  294. -webkit-transition: all 3.9s ease-out;
  295. transition: all 3.9s ease-out;
  296. }
  297.  
  298. #entry:hover{
  299. -moz-transition: all .9s ease-out;
  300. -o-transition: all .9s ease-out;
  301. -webkit-transition: all .9s ease-out;
  302. transition: all .9s ease-out;
  303. }
  304.  
  305.  
  306. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  307. #entry .perma{
  308. width:auto;
  309. height:auto;
  310. font-family:times;
  311. font-size:8px;
  312. line-height:12px;
  313. text-align:left;
  314. text-transform:uppercase;
  315. background:;
  316. border:0px solid #eee;
  317. position:absolute;
  318. z-index:99999;
  319. overflow:hidden;
  320. bottom:-10px;
  321. margin-left:0px;
  322. padding:6px;
  323. -webkit-transition:opacity 0.5s linear; opacity: 0.0;
  324. -webkit-transition:all 0.5s linear;
  325. -moz-transition:all 0.5s linear;
  326. transition:all 0.5s linear;
  327. }
  328.  
  329. #entry:hover .perma{
  330. overflow:visible;
  331. opacity:1;
  332. bottom:-20px;
  333. transform: rotate(0deg);
  334. -ms-transform: rotate(0deg);
  335. -webkit-transform: rotate(0deg);
  336. -o-transform: rotate(0deg);
  337. -moz-transform: rotate(0deg);
  338. -webkit-transition: all 0.5s linear;
  339. -webkit-transition: all 0.5s linear;
  340. -moz-transition: all 0.5s linear;
  341. transition: all 0.5s linear;
  342. }
  343.  
  344. .permalinktext{
  345. display:block;
  346. text-align:right;
  347. text-decoration:none;
  348. font-size:8px;
  349. letter-spacing:1px;
  350. padding-top:5px;
  351. text-transform:uppercase;
  352. background:transparent;
  353. border:0px solid #f3f3f3;
  354. padding:2px;
  355. }
  356.  
  357.  
  358. /*--CUSTOMIZE TITLE OF ENTRIES--*/
  359. .title{
  360. font-family:times;
  361. font-size:20px;
  362. line-height:12px;
  363. color:{color:Title};
  364. font-weight:normal;
  365. }
  366.  
  367.  
  368. /*--CUSTOMIZE TITLE OF SIDEBAR--*/
  369. #blogtitle{
  370. position: fixed !important;
  371. z-index:99999;
  372. width:250px;
  373. top:15px;
  374. left:20px;
  375. color:#fff;
  376. font-family:trebuchet ms;
  377. text-transform:uppercase;
  378. font-size:20px;
  379. line-height:10px;
  380. letter-spacing:-1px;
  381. font-style:italic;
  382. }
  383. #blogtitlesh{
  384. position: fixed !important;
  385. z-index:9999;
  386. width:250px;
  387. top:15px;
  388. left:17px;
  389. color:{color:Blog Title};
  390. font-family:trebuchet ms;
  391. text-transform:uppercase;
  392. font-size:20px;
  393. line-height:10px;
  394. letter-spacing:-1px;
  395. font-style:italic;
  396. }
  397.  
  398. /*--CUSTOMIZE SIDEBAR--*/
  399. #sidebar{
  400. position:fixed !important;
  401. width:400px;
  402. height:140px;
  403. bottom:200px;
  404. right:20px;
  405. padding:12px;
  406. background-color:transparent;
  407. border:0px solid #eee;
  408. }
  409.  
  410. #topbar11 {
  411. height:3px;
  412. width:100px;
  413. bottom:200px;
  414. right:300px;
  415. background-color:{color:Blog Accent};
  416. border:1px solid #fff;
  417. border-left:none;
  418. z-index:;
  419. position:fixed;}
  420.  
  421. #topbar12 {
  422. height:3px;
  423. width:100px;
  424. bottom:340px;
  425. right:243px;
  426. background-color:{color:Blog Accent};
  427. border:1px solid #fff;
  428. border-right:none;
  429. z-index:;
  430. position:fixed;}
  431.  
  432. #topbar13 {
  433. height:100px;
  434. width:3px;
  435. bottom:180px;
  436. right:160px;
  437. background-color:{color:Blog Accent};
  438. border:1px solid #fff;
  439. z-index:;
  440. position:fixed;}
  441.  
  442. #topbar21 {
  443. height:100px;
  444. width:3px;
  445. bottom:180px;
  446. right:470px;
  447. background-color:{color:Blog Accent};
  448. border:1px solid #fff;
  449. z-index:;
  450. position:fixed;}
  451.  
  452. /*--CUSTOMIZE DESCRIPTION--*/
  453. #desc{
  454. position:fixed !important;
  455. opacity:1.0;
  456. background:#fff;
  457. width:440px;
  458. max-height:100px;
  459. padding:12px;
  460. color:#999;
  461. margin-top:180px;
  462. margin-left:-120px;
  463. font-size:10px;
  464. line-height:13px;
  465. font-family:times;
  466. border:1px solid #eee;
  467. text-align:justify; /*--you can put center, left, right or justify--*/
  468. }
  469.  
  470. /*--CUSTOMIZE LINKS--*/
  471. #links{
  472. line-height:40px;
  473. opacity:1.0;
  474. position:fixed!important;
  475. width:auto;
  476. height:auto;
  477. padding:0px;
  478. background:transparent;
  479. margin-left:65px;
  480. margin-top:17px;
  481. -webkit-transition: all 0.9s ease-in-out;
  482. -moz-transition: all 0.9s ease-in-out;
  483. -o-transition: all 0.9s ease-in-out;
  484. }
  485.  
  486. #links a{
  487. margin-left:10px;
  488. padding:10px;
  489. background:#fff;
  490. color:#bbb;
  491. font-size:10px;
  492. font-family:trebuchet ms;
  493. letter-spacing:0px;
  494. text-transform:none;
  495. font-style:none;
  496. text-decoration:none;
  497. -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  498. -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  499. box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  500. }
  501.  
  502. #links a:hover{
  503. font-style:none;
  504. text-decoration:none;
  505. -webkit-box-shadow: inset 0px 25px 0px 0px rgba(0,0,0,0.75);
  506. -moz-box-shadow: inset 0px 25px 0px 0px rgba(0,0,0,0.75);
  507. box-shadow: inset 0px 25px 0px 0px rgba(0,0,0,0.75);
  508. background:{color:Blog Accent};
  509. }
  510.  
  511. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  512. #infscr-loading{
  513. bottom: -70px;
  514. position: absolute;
  515. left: 50%;
  516. margin-left:-8px;
  517. width:16px;
  518. height:11px;
  519. overflow:hidden;
  520. margin-bottom: 50px;
  521. }
  522.  
  523. #postnotes{
  524. float:right;
  525. background:#f4f4f4;
  526. border:3px solid #eee;
  527. overflow-y:scroll;
  528. overflow-x:hidden;
  529. height:150px;
  530. text-align: justify;}
  531.  
  532. #postnotes blockquote{
  533. border:3px solid #eee;}
  534.  
  535. blockquote{
  536. padding:0px 0px 2px 5px;
  537. margin:0px 0px 2px 10px;
  538. border-left: 1px dotted #eee;
  539. }
  540.  
  541. blockquote p, ul{
  542. margin:0px;
  543. padding:0px;
  544. }
  545.  
  546.  
  547. #top {
  548. height:30px;
  549. width:100%;
  550. top:0;
  551. background-color:{color:Blog Accent};
  552. z-index:999;
  553. position:fixed;}
  554.  
  555. #left {
  556. width:20px;
  557. height:100%;
  558. background-color:{color:Blog Accent};
  559. z-index:999;
  560. left:0;
  561. top:-10px;
  562. position:fixed;}
  563.  
  564. #bottom {
  565. height:20px;
  566. width:100%;
  567. bottom:0;
  568. background-color:{color:Blog Accent};
  569. z-index:999;
  570. position:fixed;}
  571.  
  572. #right {
  573. width:15px;
  574. height:100%;
  575. right:0;
  576. top:-10px;
  577. background-color:{color:Blog Accent};
  578. z-index:999;
  579. position:fixed;}
  580.  
  581. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  582. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  583. </style>
  584.  
  585. <!--THE TITLE IS THE SMALL TITLE THAT APPEARS IN TAB THE BLOG IN FRONT OF FAVICON, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/HBen83kl0/title.png -->
  586. <title>{text:Tab Title}</title>
  587. <!--THE FAVICON IS THE SMALL ICON THAT APPEARS IN TAB THE BLOG, OVER THERE, WHERE IS HTTP, IF YOU DON'T UNDERSTAND, GO ON THIS LINK - http://static.tumblr.com/pmxvx4i/jOrn83kin/favicon.png -->
  588. <link rel="shortcut icon" href="{image:Favicon}">
  589.  
  590. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  591. <meta name="viewport" content="width=720" />
  592. </head>
  593.  
  594. <body>
  595.  
  596. <div id="topbar11"></div>
  597. <div id="topbar12"></div>
  598. <div id="topbar13"></div>
  599.  
  600. <div id="topbar21"></div>
  601. <div id="topbar22"></div>
  602. <div id="topbar23"></div>
  603.  
  604. <div id="top"></div>
  605. <div id="right"></div>
  606. <div id="bottom"></div>
  607. <div id="left"></div>
  608. <div id="center">
  609. <div id="content">
  610.  
  611. <!--THIS CODE DOES WORK THE TITLE OVER THE SIDEBAR-->
  612. <div id="blogtitle" href="/">{text:Blog Title}</div>
  613. <div id="blogtitlesh" href="/">{text:Blog Title}</div>
  614.  
  615. <!--THIS CODE DOES WORK SIDEBAR-->
  616. <div id="sidebar">
  617. <!--THIS CODE DOES WORK DESCRIPTION-->
  618. <div id="desc">{description}</div>
  619.  
  620.  
  621. <!--THIS CODE DOES WORK LINKS-->
  622. <div id="links">
  623. <a href="{text:Link One}" title="{text:Link 1 hover text}">01</a>
  624. <a href="{text:Link Two}" title="{text:Link 2 hover text}">02</a><br>
  625. <a href="{text:Link Three}" title="{text:Link 3 hover text}">03</a>
  626. <a href="{text:Link Four}" title="{text:Link 4 hover text}">04</a> <br>
  627. <a href="{text:Link Five}" title="{text:Link 5 hover text}">05</a>
  628. <a href="{text:Link Six}" title="{text:Link 6 hover text}">06</a>
  629. </div>
  630.  
  631.  
  632. <!--THIS CODE DOES WORK IMAGE OF SIDEBAR-->
  633. <div style="z-index:999999999;">
  634. <img src="{image:first sidebar}" style="margin-left:-120px; border:8px solid {color:Blog Accent}; padding:10px; opacity:1; width:120px; height:120px; outline:4px #bbb solid; outline-offset:-8px; background:{color:background};">
  635.  
  636. <img src="{image:second sidebar}" style="margin-left:150px; border:8px solid {color:Blog Accent}; padding:10px; opacity:1; width:120px; height:120px; outline:4px #bbb solid; outline-offset:-8px; background:{color:background};">
  637. </div>
  638. </div>
  639.  
  640.  
  641. <!--THIS CODE DOES WORK POSTS, DON'T CHANGE ANYTHING IF NOT EXPERIENCED WITH CODES-->
  642. <div id="posts">
  643. {block:Posts}
  644. <div id="entry">
  645.  
  646. {block:Text}
  647. {block:Title}<span class="title">{Title}</span>{/block:Title}
  648. <span class="entrytext">{Body}</span></a>
  649. {block:IndexPage}<br>
  650. <div class="permalinktext">
  651. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  652. {/block:Text}
  653.  
  654. {block:Link}
  655. <a href="{URL}" class="title">{Name}</a>
  656. {block:Description}{Description}{/block:Description}
  657. {block:IndexPage}<br>
  658. <div class="permalinktext">
  659. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  660. </div>
  661. {/block:IndexPage}
  662. {block:Link}
  663.  
  664. {block:Photo}{block:IndexPage}<div class="lovely"></div>
  665. <div class="perma">
  666. <a title="go to the permalink page" href="{Permalink}"><font color="">{NoteCount}</font></a>
  667. —
  668. <a title="click to reblog" href="{ReblogURL}"><font color="">reblog</font></a></center></div>{/block:IndexPage}
  669.  
  670. {block:IndexPage}
  671. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=270px;>
  672. {/block:IndexPage}
  673. {block:permalinkpage}{LinkOpenTag}<center>
  674. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;/>
  675. {LinkCloseTag}</center>{/block:permalinkpage}
  676. {/block:Photo}
  677.  
  678.  
  679. <!--Credit to tanathekittygoesrawr.tumblr.com-->
  680. {block:Photoset}
  681. {block:Photos}
  682. <div class="media">
  683. {LinkOpenTag}
  684. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  685. {LinkCloseTag}
  686. </div>
  687. {/block:Photos}
  688. {block:IndexPage}<div class="lovely"></div>
  689. <div class="perma">
  690. <a title="go to the permalink page" href="{Permalink}"><font color="">{NoteCount}</font></a>
  691. —
  692. <a title="click to reblog" href="{ReblogURL}"><font color="">reblog</font></a></center></div>{/block:IndexPage}
  693. {/block:Photoset}
  694. <!--Do not remove credit; or you will be reported-->
  695.  
  696.  
  697. {block:Quote}
  698. <div class="quote">❝ {quote}</div>
  699. {block:IndexPage}<br>
  700. <div class="permalinktext">
  701. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  702. {/block:Quote}
  703.  
  704. {block:Chat}
  705. {block:Title}<span class="title">{Title}</span>{/block:Title}
  706. <ul class="chat">
  707. {block:Lines}
  708. <li class="user_{UserNumber}">
  709. {block:Label}
  710. <span class="label">{Label}</span>
  711. {/block:Label}
  712.  
  713. {Line}<br>
  714. {/block:Lines}
  715. {block:IndexPage}<br>
  716. <div class="permalinktext">
  717. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  718. {/block:Chat}
  719.  
  720. {block:Audio}
  721. <div id="audio">
  722. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  723.  
  724. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  725.  
  726. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  727.  
  728. <div class="info">
  729. <span style="display:none;">Unknown</span>
  730.  
  731. <div style="height:68px; outline:1px #fff solid;
  732. outline-offset:-3px; line-height:16px; font-family:trebuchet ms; font-size:16px; text-align:center;text-transform:uppercase; width:100%; color:#fff; background:{color:Blog Accent}"><br>{block:Artist}— {Artist} —{/block:Artist}<br>
  733.  
  734. <span{block:TrackName}style="display:none;"{/block:TrackName}></span>{block:TrackName}{TrackName}{/block:TrackName}<br> </div>
  735.  
  736. </div>
  737. </div>
  738. {block:IndexPage}<br>
  739. <div class="permalinktext">
  740. <center> <font color="">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="">{notecount} notes</font></a></center></div>{/block:IndexPage}
  741. {/block:Audio}
  742.  
  743. {block:Video}
  744. <center>{block:IndexPage}
  745. <div class="perma">
  746. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount}</a>
  747. —
  748. <a href="{reblogurl}">reblog</a></div>
  749. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  750. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  751. {block:Video}
  752.  
  753. <link href='https://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
  754.  
  755. {block:Answer}
  756. <span style="font-family: 'Ruthie', cursive; font-size:20px; z-index:99999999999999;">{Asker}</span>. . .
  757. <div style="border-bottom:2px dashed {color:Blog Accent}; margin-bottom:9px; min-height:30px; padding:9px; width:100%; color:#555;">
  758. <!--<img src="{AskerPortraitURL-30}" width="30" align="left"
  759. style="margin-right:4px; margin-top:-20px; margin-left:-20px; border:1px solid #ddd; padding:7px; background:#fff; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">-->
  760. {Question}</div><br>
  761.  
  762. <!--<div style="height:50px; outline:1px #fff solid;
  763. outline-offset:-3px; width:100%; color:#fff; padding:9px; background:{color:Blog Accent};overflow-y:scroll;">-->{Answer}<br>
  764.  
  765.  
  766. <span style="float:right;font-family: 'Ruthie', cursive; font-size:20px">x {text:Name}</span>
  767.  
  768. <span style="float:left">
  769. {block:IndexPage}
  770. <div class="permalinktext">
  771. <center> <font color="">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="">{notecount} notes</font></a></center></div>{/block:IndexPage}</span>
  772. {/block:Answer}
  773.  
  774. {block:PermalinkPage}
  775. <center><br>
  776. {block:Date}posted <u>{DayOfWeek} {DayOfMonth}, {ShortMonth}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  777. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  778. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  779. {/block:PermalinkPage}
  780. {block:PostNotes}
  781. <div id="postnotes">{PostNotes}</div>
  782. {/block:PostNotes}</div>{/block:Posts}
  783. </div></div>
  784.  
  785. {block:indexpage}
  786. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  787. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  788. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  789. <script type="text/javascript">
  790. $(window).load(function(){
  791. var $wall = $('#posts');
  792. $wall.imagesLoaded(function(){
  793. $wall.masonry({
  794. itemSelector: '#entry, #entry_photo',
  795. isAnimated : false
  796. });
  797. });
  798.  
  799. $wall.infinitescroll({
  800. navSelector : '#page-nav',
  801. nextSelector : '#page-nav a',
  802. itemSelector : '#entry, #entry_photo',
  803. bufferPx : 2000,
  804. debug : false,
  805. errorCallback: function() {
  806. $('#infscr-loading').fadeOut('normal');
  807. }},
  808. function( newElements ) {
  809. var $newElems = $( newElements );
  810. $newElems.hide();
  811. $newElems.imagesLoaded(function(){
  812. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  813. });
  814. }); $('#content').show(500);
  815. });
  816. </script>
  817. {/block:indexpage}
  818.  
  819. <body onkeydown="return false">
  820. </body>
  821. <div style="z-index:99999999999; position:fixed;text-shadow:0px 0px 0px #000; font-family:times; background:transparent; padding:4px; bottom:0px; right:0px; opacity:1"><a href="http://tanathekittygoesrawr.tumblr.com/" title="Theme by tana"><!--<img src="http://33.media.tumblr.com/644606c2c1397ef03ce62a585dc1c2c4/tumblr_inline_ni36jhJvPP1ry72eo.gif">-->©TTKGR</a></div>
  822. </html>
Advertisement
Add Comment
Please, Sign In to add comment