Advertisement
jollyxo

Ugh Theme by Jolly

Jun 17th, 2013
7,071
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.93 KB | None | 0 0
  1. <!--
  2. ******************************************
  3. | | |
  4. | | |
  5. | _____ | |
  6. | | | | | | \ / PLEADINGLY.tumblr.com
  7. | | | | | | \ / UNPRESENRABLE.tumblr.com
  8. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  9. /Last Update: September 26, 2013
  10. /
  11. \____/
  12. Ugh Theme by unpresentable aka pleadingly
  13. Please do not remove the credits.
  14. Or at least put me on your faqs. Thank you.
  15. ******************************************
  16. -->
  17. <head>
  18. <script type="text/javascript">
  19. <!--
  20.  
  21. //(c) Ian Muscat 2007
  22.  
  23. function IE(e)
  24. {
  25. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  26. {
  27. return false;
  28. }
  29. }
  30. function NS(e)
  31. {
  32. if (document.layers || (document.getElementById && !document.all))
  33. {
  34. if (e.which == "2" || e.which == "3")
  35. {
  36. return false;
  37. }
  38. }
  39. }
  40. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  41.  
  42. //-->
  43. </script>
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("a[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:90,
  52. tip_fade_speed:600,
  53. attribute:"title"
  54. });
  55. });
  56. })(jQuery);
  57. </script>
  58.  
  59.  
  60. <html lang="en">
  61. <title>{title}</title>
  62.  
  63. <link rel="shortcut icon" href="{Favicon}">
  64. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  65. <meta name="viewport" content="width=820" />
  66.  
  67. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70.  
  71.  
  72. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  73. <meta name="color:background" content="#ffffff"/>
  74. <meta name="color:text" content="#000000"/>
  75. <meta name="color:header text" content="#000000"/>
  76. <meta name="color:permalink text" content="#000000"/>
  77. <meta name="color:links" content="#000000"/>
  78. <meta name="color:hover" content="#686868"/>
  79. <meta name="color:blockquote" content="#ddd"/>
  80. <meta name="color:margin hover" content="#dddddd"/>
  81. <meta name="color:blogtitle" content="#000000"/>
  82. <meta name="color:scrollbar" content="#000000"/>
  83. <meta name="color:header" content="#eeeeee"/
  84. <meta name="color:text shadow" content="#7F7F7F"/>
  85. <meta name="color:entry border hover" content="#B5B5B5"/>
  86. <meta name="color:Link Hover Background Color" content="#dedede"/>
  87.  
  88.  
  89. <meta name="image:Background" content=""/>
  90. <meta name="image:Sidebar" content=""/>
  91. <meta name="image:Sidebar Background" content=""/>
  92.  
  93.  
  94. <meta name="if:enlarged background" content="0"/>
  95. <meta name="if:Faded Image" content="0"/>
  96. <meta name="if:Show Photo" content="1"/>
  97. <meta name="if:Entry Border Hover" content="0"/>
  98. <meta name="if:Link Hover Background" content="0"/>
  99. <meta name="if:Cross cursor" content="1"/>
  100. <meta name="if:Shadow posts" content="0"/>
  101. <meta name="if:Border Post" content="0"/>
  102.  
  103. <meta name="text:reblog text" content="reblog" />
  104. <meta name="text:quote" content="" />
  105.  
  106. <meta name="text:Custom Link One" content=""/>
  107. <meta name="text:Custom Link One URL" content=""/>
  108. <meta name="text:Custom Link Two" content=""/>
  109. <meta name="text:Custom Link Two URL" content=""/>
  110. <meta name="text:Custom Link Three" content=""/>
  111. <meta name="text:Custom Link Three URL" content=""/>
  112. <meta name="text:Custom Link Four" content=""/>
  113. <meta name="text:Custom Link Four URL" content=""/>
  114.  
  115. <title>{Title}</title>
  116. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  117.  
  118.  
  119. <style type="text/css">
  120. @font-face {font-family:basket;src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  121. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  122. @font-face{font-family: Arsenale White; src: url(http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}
  123. @font-face {font-family:Caviar Dreams;src:url(http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  124.  
  125.  
  126.  
  127.  
  128. ::-webkit-scrollbar-thumb{
  129. background-color: #ddd;
  130. border: 2px solid #ffffff;
  131. height:auto;
  132. -moz-border-radius: 5px;
  133. border-radius: 5px;
  134. }
  135.  
  136. ::-webkit-scrollbar {
  137. height:auto;
  138. width:9px;
  139. background-color: #999999;
  140. border: 4px solid #ffffff;
  141. }
  142.  
  143. iframe#tumblr_controls{
  144. position:fixed !important;
  145. -webkit-filter: invert(100%)
  146. }
  147.  
  148. a:link, a:active, a:visited{color:{color:links};text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out;}
  149. a:hover{color:{color:hover};-webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out;
  150. {block:IfLinkHoverBackground} background: {color:LinkHoverBackgroundColor};{/block:IfLinkHoverBackground}
  151. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  152. {block:ifcrosscursor}
  153. cursor: crosshair;
  154. {/block:ifcrosscursor}
  155. text-shadow:0px 1px 1px {color:textshadow};}
  156.  
  157. body {
  158. color:{color:text};
  159. line-height: 13px;
  160. letter-spacing: 1px;
  161. background-color: {color:Background};
  162. background-image:url({image:Background});
  163. background-attachment: fixed;
  164. background-size: repeat;
  165. {block:ifEnlargedBackground}
  166. background-size:cover;
  167. {/block:ifEnlargedBackground}
  168. }
  169.  
  170.  
  171.  
  172. #posts {
  173. width:580px;
  174. margin-left:5px;
  175. margin-top:30px;
  176. margin-left:455px;
  177. {block:permalinkpage}
  178. width: 400px;
  179. margin-left:475px;
  180. {/block:permalinkpage}
  181. float:center;
  182. {block:ifcrosscursor}
  183. cursor: crosshair;
  184. {/block:ifcrosscursor}
  185. }
  186.  
  187.  
  188.  
  189. .entry {
  190. margin:5px;
  191. padding-top: 8px;
  192. padding-left: 8px;
  193. padding-right: 8px;
  194. padding-bottom: 3px;
  195. float:left;
  196. background-color:white;
  197. font-family:consolas;
  198. font-size: 9px;
  199. text-align:left;
  200. line-height:15px;
  201. text-transform: uppercase;
  202. {block:ifshadowposts}
  203. -webkit-box-shadow: 3px 14px 5px
  204. rgba(0,0,0,0.3);
  205. -moz-box-shadow: 3px 14px 5px
  206. rgba(0,0,0,0.3);
  207. box-shadow: 1px 2px 12px
  208. rgba(0,0,0,0.3);
  209. {/block:ifshadowposts}
  210. {block:IfBorderPost}
  211. border: 1px solid #ddd;
  212. {/block:IfBorderPost}
  213. background-color:auto;
  214. opacity:0.9;
  215. {block:indexpage}
  216. width:220px;
  217. overflow:visible;
  218. {/block:indexpage}
  219. {block:permalinkpage}
  220. font-weight: lighter;
  221. width: 400px;
  222. {/block:permalinkpage}
  223. {block:ifcrosscursor}
  224. cursor: crosshair;
  225. {/block:ifcrosscursor}
  226. -webkit-animation:fadeInUp 2s;
  227. -moz-animation:fadeInUp 2s;
  228. -ms-animation:fadeInUp 2s;
  229. }
  230.  
  231. .entry:hover{
  232. {block:ifentryborderhover}
  233. border: 1px solid {color:entryborderhover};
  234. {/block:ifentryborderhover}
  235. }
  236.  
  237. .entry .jperm{
  238. color: #000;
  239. font-family:aderyn;
  240. font-size: 15px;
  241. line-height: 14px;
  242. width: auto;
  243. padding:4px;
  244. right:-5px;
  245. bottom: 0px;
  246. text-transform: uppercase;
  247. position: absolute;
  248. font-family:Consolas;
  249. text-align: left;
  250. overflow:hidden;
  251. opacity: 0.0;
  252. border-top-left-radius: 3px;
  253. border-bottom-left-radius: 3px;
  254. background-color:#fff;
  255. -webkit-transition: opacity 0.4s linear;
  256. -webkit-transition: all 0.4s linear;
  257. -moz-transition: all 0.4s linear;
  258. transition: all 0.4s linear;
  259. }
  260.  
  261. .entry:hover .jperm{
  262. overflow:visible;
  263. right:5px;
  264. bottom:0px;
  265. z-index:9999999;
  266. -webkit-transition: opacity 0.4s linear; opacity: 1;
  267. -webkit-transition: all 0.4s linear;
  268. -moz-transition: all 0.4s linear;
  269. transition: all 0.4s linear;
  270. }
  271.  
  272.  
  273. .entry .permahover {
  274. width:226px;
  275. padding-left:5px;
  276. padding-right:5px;
  277. padding-top:1px;
  278. padding-bottom:1px;
  279. margin-bottom:-3px;
  280. margin-left:-8px;
  281. margin-right:0px;
  282. overflow:hidden;
  283. background-color:#ddd;
  284. color:{color:Text};
  285. font-family:consolas;
  286. font-size:9px;
  287. line-height:13px;
  288. letter-spacing:1px;
  289. text-transform:uppercase;
  290. text-align:right;}
  291.  
  292.  
  293.  
  294.  
  295. .permalink a{
  296. color:{color:permalink text};
  297. }
  298.  
  299.  
  300. .permalink:hover{
  301. border-radius:0px;
  302. }
  303.  
  304. #sblinks{
  305. position: fixed;
  306. margin-left: 970px;
  307. top: -5px;
  308. width: 16px;
  309. height: auto;
  310. background-color: #ddd;
  311. padding: 5px;
  312. z-index: 1000;
  313. border-radius: 5px;
  314. opacity:1;
  315. font-family: consolas 9px #fff; text-transform: uppercase;
  316. }
  317.  
  318. #mnl {
  319. margin-top:40px;
  320. }
  321.  
  322.  
  323. #return {
  324. background-color: {color:Icons Background};
  325. margin-left: -5px;
  326. padding: 5px;
  327. width: 16px;
  328. overflow: hidden;
  329. font-family: consolas 9px; text-transform: uppercase;}
  330.  
  331. #return:hover {
  332. overflow: visible;}
  333.  
  334. #return .home {
  335. margin-top: -12px;
  336. margin-left: 10px;
  337. opacity: 0;
  338. filter: alpha (opacity=0);
  339. -webkit-transition: all 0.5s ease;
  340. -moz-transition: all 0.5s ease;
  341. -o-transition: all 0.5s ease;
  342. opacity:0;}
  343.  
  344. #return:hover .home {
  345. opacity: 1;
  346. filter: alpha (opacity=9);
  347. margin-left: 20px;}
  348.  
  349. #sidebar{
  350. position:fixed;
  351. padding: 10px;
  352. margin-left:260px;
  353. margin-top:20px;
  354. height: auto;
  355. width: 150px;
  356. text-align: right;
  357. border:3px solid #ddd;
  358. background: white;
  359. background-image:url({image:sidebar Background});
  360. font-size: 9px;
  361. line-height:11px;
  362. letter-spacing: 1px;
  363. text-transform:uppercase;
  364. font-family: consolas;
  365. color: {color:description};
  366. -ms-animation: fadeInDownBig 2s;
  367. -moz-animation: fadeInDownBig 2s;
  368. -webkit-animation: fadeInDownBig 2s;
  369. -khtml-border-radius: 3px;
  370. -moz-border-radius: 3px;
  371. -webkit-border-radius: 3px;
  372. border-radius: 5px;
  373. }
  374.  
  375.  
  376. #toTop {
  377. position:fixed;
  378. bottom:3px;
  379. right:3px;
  380. background:url('http://i1155.photobucket.com/albums/p559/scrolltotop/arrow13.png') no-repeat;
  381. z-index:9999;
  382. width:40px;
  383. height:40px;
  384. overflow:hidden;
  385. text-indent:100%;}
  386.  
  387. #toTop:active, #toTop:focus {
  388. outline:none}
  389.  
  390.  
  391. asker{
  392. font-family: 'Arsenale White';
  393. font-size:25px;
  394. line-height:20px;
  395. text-decoration:bold;
  396. color: {color:link};
  397. text-transform:uppercase;
  398. }
  399.  
  400. .askperma{
  401. display: block;
  402. font-family:didact gothic;
  403. font-size: px;
  404. text-transform: lowercase;
  405. text-align: right;
  406. background-color:auto;
  407. letter-spacing: 0px;
  408. border-top: 0px solid #f1f1f1;
  409. padding: 5px;
  410. margin: 1px;
  411. }
  412.  
  413. .yo a{color: #fff;}
  414. .yo{color: #fff;font-size: 12px;display: inline-block;}
  415. .videoperma embed, .post div.video object {
  416. width:400px !important;height:350px !important;}
  417.  
  418.  
  419. .title{
  420. font-family: Caviar Dreams;
  421. font-size: 18px;
  422. line-height:17px;
  423. text-transform:none;
  424. letter-spacing: 1px;
  425. }
  426.  
  427. blockquote{
  428. padding:0px 0px 2px 5px;
  429. margin:0px 0px 2px 4px;
  430. border-left: 1px dotted #ccc;
  431. }
  432.  
  433. {block:IfFadedImage}
  434. img{
  435. -webkit-transition: opacity 0.8s linear;
  436. opacity: 0.6;
  437. }
  438. img:hover{
  439. -webkit-transition: opacity 0.8s linear;
  440. opacity: 1;
  441. }{/block:IfFadedImage}
  442.  
  443.  
  444. #infscr-loading{
  445. bottom: -70px;
  446. position: absolute;
  447. left: 50%;
  448. margin-left:-8px;
  449. width:16px;
  450. height:11px;
  451. overflow:hidden;
  452. margin-bottom: 50px;
  453. }
  454.  
  455. #credit {
  456. position: fixed;
  457. font-size: 10px;
  458. z-index: 5000;
  459. background-color: transparent;
  460. padding: 5px;
  461. bottom:-3px;
  462. right: 15px;
  463. color:#000;
  464. border-top-right-radius:3px;
  465. border-top-left-radius:3px;
  466. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  467. -webkit-transition: all 0.3s ease;
  468. -moz-transition: all 0.3s ease;
  469. transition: all 0.3s ease;}
  470.  
  471.  
  472. #credit:hover {
  473. bottom:0px;
  474. padding-bottom:10px;
  475. -webkit-transition: all 0.3s ease;
  476. -moz-transition: all 0.3s ease;
  477. transition: all 0.3s ease;}
  478.  
  479.  
  480. .audioplayer {
  481. background-color:white;
  482. overflow-y:hidden;text-align:center;
  483. {block:IndexPage}
  484. width:250px
  485. {/block:IndexPage}
  486. {block:PermalinkPage}width:500px !important;
  487. {/block:PermalinkPage}
  488. }
  489.  
  490. .heading {
  491. font-family:basket;
  492. font-size:15px;
  493. text-decoration: none;
  494. text-transform: none;
  495. letter-spacing:0px;
  496. font-weight:none;
  497. line-height:100%;
  498. margin-bottom:0px;
  499. {block:IndexPage}text-align:justify;{/block:IndexPage}
  500. {block:PermalinkPage}text-align:justify;{/block:PermalinkPage}
  501. }
  502.  
  503. .chat ul {
  504. padding:0px;
  505. margin:0px 0px 0px 0px;
  506. background: {color:Blockquote};
  507. }
  508.  
  509. .chat li {
  510. list-style-type: none;
  511. padding:3px;
  512. margin-right:0px;
  513. }
  514.  
  515. .chat li.odd {
  516. color:{color:Text};
  517. background-color: {color:Background};
  518. }
  519.  
  520. .chat li.even {
  521. color: {color:Text};
  522. background-color: {color:Blockquote};
  523. }
  524.  
  525.  
  526. #header{
  527. position:fixed!important;
  528. top: -1px;
  529. height: 18px;
  530. margin-left:260px;
  531. width: 712px;
  532. padding: 5px;
  533. text-transform: uppercase;
  534. text-align: center;
  535. background: #ddd;
  536. color: white;
  537. font-size: 12px;
  538. line-height: 16px;
  539. border-radius: 5px;
  540. font-family:'consolas', sans-serif;
  541. z-index: 999;
  542. opacity:1;
  543. border-top-left-radius:5px;
  544. border-top-right-radius:5px;}
  545.  
  546. #header a{
  547. color: white;}
  548.  
  549. #s-m-t-tooltip {
  550. max-width:300px;
  551. margin:10px 0px 0px 10px;
  552. padding-left:4px;
  553. padding-right:4px;border-radius:3px;
  554. background: #fff; /* change the background color */
  555. border:1px solid #ccc; /* change the border color */
  556. font-family:calibri; /* change the font */
  557. font-size:10px; /* change the font size */
  558. letter-spacing:1px; /* change the letter spacing */
  559. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  560. color:#000; /* change the text color */
  561. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  562. z-index:999999999999999999999999999999999999;
  563. }
  564.  
  565. #sidebarbored{
  566. position:fixed;
  567. height:51px;
  568. width:130px;
  569. border-left:3px solid #ddd;
  570. border-right:3px solid #ddd;
  571. top:0px;
  572. margin-left:8px;
  573. z-index:0;
  574. -ms-animation: fadeInDownBig 2s;
  575. -moz-animation: fadeInDownBig 2s;
  576. -webkit-animation: fadeInDownBig 2s; } }
  577.  
  578.  
  579. </style>
  580. {block:IndexPage}
  581. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  582. <script type="text/javascript" src="http://static.tumblr.com/2rgbcto/Tjzmkhio6/infinitescrolling.txt"></script>
  583.  
  584. <script type="text/javascript">
  585. $(window).load(function () {
  586. var $content = $('#posts');
  587. $content.masonry({itemSelector: '.entry'}),
  588. $content.infinitescroll({
  589. navSelector : 'div#pagination',
  590. nextSelector : 'div#pagination a#nextPage',
  591. itemSelector : '.entry',
  592. loading: {
  593. finishedMsg: '',
  594. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  595. },
  596. bufferPx : 600,
  597. debug : false,
  598. },
  599. // call masonry as a callback.
  600. function( newElements ) {
  601. var $newElems = $( newElements );
  602. $newElems.hide();
  603. // ensure that images load before adding to masonry layout
  604. $newElems.imagesLoaded(function(){
  605. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  606. });
  607. });
  608. });
  609. </script>
  610. {/block:IndexPage}
  611. </div>
  612.  
  613. <style>
  614. .my-like {
  615. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABH0lEQVQ4y62T30vCUBiGv/9YuhBLkCA08FdogRFFYFEUhhZNCCQoSESiIOii68pl5qV6s8Eb7+SMHXNs6S7ejZ3zvA+ccT4BICofvS88dJ7w8vqG8WQC754K17lPjrx3z3l8D4YoVaqIrWbcJNbzaHefNZjfXPdy5b0jsO/IRqMxUpmSBnhz2bx1QL79GPbpEePmzhdSyW8fBDL0SK68HwiGCT2S3NiKREaPzP7QRRNPZSHpwm4kMnqkYbQikdEjZv8HK2ubS4nY75mD6WU8qzeXkrHvToBlWSjuHC4kYo99V8bwBnM0/iMiz542myq2bSPskcmR/zPos7lvP8Lv/nGd+/N6c2Xq2KcXhiY6qV1rxwotU3n/NHF8fgW+g9hfsHJlJUYljcgAAAAASUVORK5CYII=) !important;
  616. height:17px;
  617. width:19px;
  618. cursor:pointer;
  619. display:inline-block;
  620. vertical-align:top;
  621. }
  622. .my-liked, .my-like:hover {
  623. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAABSklEQVQ4y2P4//8/Awy/O3fu/905c/4/2779/69Pn/4jy8Hwz/fv/z/buvX/vfnz/7+/eBFFDZj4cOXK/8O+Pv+36+rA8W4zs/8Ply1DUXx/4cL/u0yMUdQdCQ76/+nWLbA6hq+PH//fbW6OogAZ3+zvByu81t6OU80ea6v/P16//s9wqboKpyIYPhYeTlDN1abG/wz7HR0JKiQGH3Bz+8+ww0CfKobtMjb6z0ANg+CGgQKPKt50dfnPcL6wkCqGXaoo/8/w5tgxyg3T0wUnYHBiPJuZSZFhF8pK/8NzACjrgKKWHINAOef3168Iw0D429OnGFmKEAZlJVDKR8mbMAyy4XRqClEGnc3J+f/nxw/MjI6OQflxh6EBzvR0Z9o0rCUKVsNA+MuD+/9PJiSgGHQmPf0/KDhw6cFpGAy/OnAAbOibEyf+E1ILAFBjDrchm7KrAAAAAElFTkSuQmCC) !important;
  624. height:17px;
  625. width:19px;
  626. cursor:pointer;
  627. display:inline-block;
  628. vertical-align:top;
  629. }
  630. </style>
  631. <script>
  632. window.onload = function () {
  633. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  634. document.addEventListener( 'click', function ( event ) {
  635. var myLike = event.target;
  636. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  637. var frame = document.getElementById( 'my-like-frame' ),
  638. liked = ( myLike.className == 'my-liked' ),
  639. command = liked ? 'unlike' : 'like',
  640. reblog = myLike.getAttribute( 'data-reblog' ),
  641. id = myLike.getAttribute( 'data-id' ),
  642. oauth = reblog.slice( -8 );
  643. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  644. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  645. };
  646. }, false );
  647. };
  648. </script>
  649.  
  650. </head>
  651. <body onkeydown="return false">
  652. <div class="wrapper">
  653. <div id="header">&nbsp;&nbsp;&nbsp;&nbsp;<a href="/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{text:quote}</a></div>
  654. <div id="sidebar"><center>
  655.  
  656. <div id="sidebarbored">
  657. </div>
  658.  
  659. {block:ifshowphoto}<p><a href="/"><img style="border:1px solid #ddd; padding:5px;margin-top:5px;margin-left:-3px;" src="{image:sidebar}" width=120px;></a>
  660. {/block:ifshowphoto}<p>
  661. <div style="font-family:Calibri; font-size:12px; line-height: 10px; letter-spacing: 2px;"><center><a href="/">{title}</a></center></div><br>
  662. <center>{description}</center></div>
  663.  
  664.  
  665. <div id="sblinks"><div id="mnl">
  666. <span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:9px;color: white;text-transform:uppercase;">LINKS</span>
  667. <div id="return"><img src="http://static.tumblr.com/2rgbcto/yLWmojzlf/icon1.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  668. <a href="/" class="one"title="refresh">home</a></span></div></div>
  669. <div id="return"><img src="http://static.tumblr.com/2rgbcto/vD2mojzok/icon2.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  670. <a href="/ask" class="one"title="message me">message</a></span></div></div>
  671.  
  672. <div id="return"><img src="http://static.tumblr.com/qzpui9z/mKzmheqml/4.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  673. <a href="/archive" class="one" title="love my blog">archive</a></span></div></div>
  674.  
  675. <div id="return"><img src="http://static.tumblr.com/2rgbcto/sdpmojzp8/icon3.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  676. <a href="/submit" class="one"title="submit">submit</a></span></div></div>
  677.  
  678. <div id="return"><img src="http://static.tumblr.com/2rgbcto/8fOmojzwb/icon4.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  679. <a href="http://jollythemes.tumblr.com" class="one"title="theme credit">theme</a></span></div></div>
  680.  
  681. {Block:IfCustomLinkOne}
  682. <div id="return"><img src="http://static.tumblr.com/2rgbcto/PkNmok03b/ix.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  683. <a href="{Block:IfCustomLinkOneURL}{text:Custom Link One URL}{/Block:IfCustomLinkOneURL}" class="one"title="{text:Custom Link One}">{text:Custom Link One}</a></span></div></div>
  684. {/Block:IfCustomLinkOne}
  685.  
  686. {Block:IfCustomLinkTwo}
  687. <div id="return"><img src="http://static.tumblr.com/2rgbcto/PkNmok03b/ix.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  688. <a href="{Block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/Block:IfCustomLinkTwoURL}" class="one" title="{text:Custom Link Two}">{text:Custom Link Two}</a></span></div></div>
  689. {/Block:IfCustomLinkTwo}
  690.  
  691. {Block:IfCustomLinkThree}
  692. <div id="return"><img src="http://static.tumblr.com/2rgbcto/PkNmok03b/ix.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  693. <a href="{Block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/Block:IfCustomLinkThreeURL}" class="one"title="{text:Custom Link Three}">{text:Custom Link Three}</a></span></div></div>
  694. {/Block:IfCustomLinkThree}
  695.  
  696. {Block:IfCustomLinkFour}
  697. <div id="return"><img src="http://static.tumblr.com/2rgbcto/PkNmok03b/ix.png" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  698. <a href="{Block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/Block:IfCustomLinkFourURL}" class="one"title="{text:Custom Link Four}">{text:Custom Link Four}</a></span></div></div>
  699. {/Block:IfCustomLinkFour}
  700. </div>
  701. </div>
  702.  
  703.  
  704.  
  705. <div id="posts">
  706. {block:Posts}
  707. <div class="entry">
  708. {block:Text}
  709. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a>{/block:Title}<span class="entrytext">{Body}</span>
  710. {block:IndexPage}<div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font><a
  711. href="{Permalink}">「{notecountwithlabel}」</a></div>{/block:IndexPage}
  712. {/block:Text}
  713.  
  714. {block:Link}
  715. <a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font><a
  716. href="{Permalink}">「{notecountwithlabel}」</a></div>{/block:IndexPage}
  717. {block:Link}
  718.  
  719. {block:Answer}
  720. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background-image:url({image:pillar});">
  721.  
  722. <img src="{AskerPortraitURL-30}" width="30" align="left"
  723. style="margin-right:4px; border:1px solid #ddd; border-radius:4px; -moz-box-shadow: 0 0 1px 1px {color:border}; -webkit-box-shadow: 0 0 1px 1px {color:border}; box-shadow: 0 0 1px 1px {color:border};"/>
  724.  
  725. <asker>{Asker}:</asker>
  726. {Question}</div>
  727.  
  728. <div style="margin:1px; background-color: transparent; border:0px dotted #ddd; padding:px; text-align:center;">{Answer}</div><div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth}<font color="#FA8072"> ❤ </font><a
  729. href="{Permalink}">「{notecountwithlabel}」</a></div>
  730. {/block:Answer}
  731.  
  732.  
  733.  
  734. {block:Photo}
  735. {block:IndexPage}
  736. <div class="jperm"><a href="{ReblogURL}" title="reblog">{text:reblog text}</a> - <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div> - <a href="{Permalink}"title="notecount">{NoteCount}</a></div>
  737.  
  738. {/block:IndexPage}
  739. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{Permalink}" target="blank"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}{/block:IndexPage}
  740. {block:PermalinkPage}{LinkOpenTag}<a href="{PhotoURL-HighRes}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
  741. {/block:Photo}
  742.  
  743. {block:Photoset}
  744. {block:IndexPage}
  745. <div style="width:220px; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
  746. {block:IndexPage}
  747. <div class="permahover"><a href="{ReblogURL}">{text:reblog text}</a> this with <a href="{Permalink}">「{notecountwithlabel}」</a></center></div>
  748. {/block:IndexPage}
  749. {block:permalinkpage}
  750. {Photoset-500}
  751. {/block:permalinkpage}
  752. {/block:Photoset}
  753.  
  754.  
  755. {block:Quote}
  756. <div align="left"><i>{Quote}</i></div></span>
  757. {block:Source}<p align=right><strong>-{Source}</right></strong>{/block:Source}{block:IndexPage}<div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font><a
  758. href="{Permalink}">「{notecountwithlabel}」</a></div>{/block:IndexPage}
  759. {/block:Quote}
  760.  
  761.  
  762. {block:Chat}
  763. {block:Title}
  764. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  765. {/block:Title}
  766. <div class="chat ul">
  767. {block:Lines}
  768. <li class="{Alt} user_{UserNumber}">
  769. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  770. {/block:Lines}</div></li><br>
  771. {block:IndexPage}<div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font><a
  772. href="{Permalink}">「{notecountwithlabel}」</a></div>{/block:IndexPage}
  773. {/block:Chat}
  774.  
  775.  
  776. {block:Audio}{block:PermalinkPage}{block:AlbumArt}
  777. <img src="{AlbumArtURL}" style="width:700px;">{/block:AlbumArt}{/block:PermalinkPage}{block:IndexPage}
  778. {block:AlbumArt}
  779. <img src="{AlbumArtURL}" style="width:25px;height:25px;float:left;padding-right:3px;padding-bottom:3px;padding-top:3px;background-color:{color:background};">{/block:AlbumArt}{/block:IndexPage}
  780. <div class="audioplayer" style="max-width:220px;overflow:hidden;" align="center">{AudioPlayerWhite}</div>
  781. {block:Caption}{Caption}{/block:Caption}
  782. {block:PermalinkPage}
  783. <br>{PlayCountWithLabel}{/block:PermalinkPage}
  784.  
  785. {block:IndexPage}<div class="permahover">Posted: {ShortMonth}&nbsp;{DayOfMonth} <<font color="#FA8072"> ❤ </font>{PlayCountWithLabel} <a
  786. href="{Permalink}">「{notecountwithlabel}」</a></div>{/block:IndexPage}
  787.  
  788. {/block:Audio}
  789.  
  790. {block:Video}
  791. {block:IndexPage}<div class="permahover"><a
  792. href="{Permalink}">Posted: {ShortMonth}&nbsp;{DayOfMonth} <font color="#FA8072"> ❤ </font>{notecountwithlabel}</a>{/block:IndexPage}
  793. {block:IndexPage}
  794. <center><div class="video"><div style="width:220px; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div></div></center></center>{/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{/block:PermalinkPage}
  795. {block:Video}
  796.  
  797.  
  798. {block:PermalinkPage}
  799. <center>
  800. {Caption}<p>
  801. {block:Date}
  802. <center>
  803. {TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}
  804. <br>{block:RebloggedFrom}<b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>, <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  805. <br>{block:HasTags}<b>tagged with</b>: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  806. <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  807. </center>
  808. {/block:Date}
  809. </center>
  810. {/block:PermalinkPage}
  811. {block:PostNotes}{PostNotes}
  812. {/block:PostNotes}
  813. </div>
  814.  
  815. {/block:Posts}
  816. </div>
  817. {block:IndexPage}
  818. {block:Pagination}
  819. <div id="pagination">
  820. {block:NextPage}
  821. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  822. {/block:NextPage}
  823. {block:PreviousPage}
  824. <a href="{PreviousPage}">&larr;&nbsp;</a>
  825. {/block:PreviousPage}
  826. </div>
  827. {/block:Pagination}
  828. {/block:IndexPage}
  829. <div style="position: fixed !important;left:6px !important;bottom:3px !important;font-size:13px;line-height: 7px;z-index:7;text-align:center;background:transparent;padding-top:5px;width:21px;height:15px;border-radius:35px;"><a href="/"></a></div>
  830. </div>
  831. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  832. <a href="#" id="toTop" title="Scroll To Top"></a>
  833.  
  834.  
  835.  
  836. </body>
  837.  
  838. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement