API tools faq
paste
Advertisement
Ditasaur

Bori Theme

Ditasaur
Jun 26th, 2012
13,046
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-- BORI THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
  6.  
  7. ---------------------RULES--------------------------------
  8.  
  9. *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
  10. *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
  11. *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
  12. *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
  13. *DO NOT TAKE MY CREDITS OUT
  14.  
  15. ----------------------FAQ---------------------------------
  16. 1. I will not help with customizing my themes or other themes.
  17. 2. Check ALL of the appearance options before asking a question.
  18. 3. I do not compile or give any codes for anyone, im not a coding machine.
  19. 4. I do not take theme requests no matter how much you beg.
  20. 5. My themes are not means to be used as base codes for anything.
  21. 6. If you do not want infinite scrolling, just uncheck it.
  22. 7. If your infinite scrolling is not working, thats because you have a SCM music player.
  23. 8. To find the install link, go to the first post of the live previews.
  24. 9. For more questions, please go to http://ramyeons.tumblr.com and visit the FAQ links.
  25.  
  26.  
  27. -->
  28.  
  29. <head>
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}" />
  32.  
  33. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  34.  
  35. {block:Description}
  36. <meta name="description" content="{MetaDescription}"/>
  37. {/block:Description}
  38.  
  39.  
  40. {block:ifinfinitescrolling}
  41. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  42.  
  43.  
  44. <!--BASIC FLUFF-->
  45.  
  46. <meta name="if:500px posts" content="1"/>
  47. <meta name="if:400px posts" content="0"/>
  48. <meta name="if:250px posts" content="0"/>
  49. <meta name="if:Image Opacity" content="1"/>
  50. <meta name="if:Cute Cursor" content="1"/>
  51. <meta name="if:Infinite Scrolling" content="1"/>
  52.  
  53.  
  54. <meta name="text:Music Player Code" content=""/>
  55. <meta name="text:Link 1" content=""/>
  56. <meta name="text:Link 1 URL" content=""/>
  57. <meta name="text:Link 2" content=""/>
  58. <meta name="text:Link 2 URL" content=""/>
  59. <meta name="text:Link 3" content=""/>
  60. <meta name="text:Link 3 URL" content=""/>
  61. <meta name="text:Link 4" content=""/>
  62. <meta name="text:Link 4 URL" content=""/>
  63. <meta name="text:Link 5" content=""/>
  64. <meta name="text:Link 5 URL" content=""/>
  65.  
  66.  
  67. <meta name="image:Background IMG" content="http://static.tumblr.com/iuggpng/GeGm68p71/whitegraycirles.png"/>
  68. <meta name="image:Desc BG" content="http://static.tumblr.com/jtqlgf2/oYEm37qus/obkp8.png"/>
  69.  
  70.  
  71. <meta name="color:Scrollbar" content="#ccc"/>
  72. <meta name="color:Background" content="#fff"/>
  73. <meta name="color:Posts BG" content="#fff"/>
  74. <meta name="color:Link" content="#49cac7"/>
  75. <meta name="color:Link Hover" content="#aaa"/>
  76. <meta name="color:Text" content="#222"/>
  77. <meta name="color:Post Titles" content="#aaa"/>
  78. <meta name="color:Title Color" content="#000"/>
  79. <meta name="color:Perm BG" content="#fff"/>
  80. <meta name="color:Perm Text" content="#999"/>
  81. <meta name="color:Title" content="#aaa"/>
  82. <meta name="color:Desc BG" content="#fff"/>
  83. <meta name="color:Desc Text" content="#888"/>
  84. <meta name="color:Triangles Color" content="#abf0ee"/>
  85. <meta name="color:Triangles Text Color" content="#99d681"/>
  86. <meta name="color:Triangles Text BG" content="#fff"/>
  87. <meta name="color:Extra Links Border" content="#ddd"/>
  88. <meta name="color:Extra Links Color" content="#aaa"/>
  89. <meta name="color:Extra Links BG" content="#fff"/>
  90. <meta name="color:Umbrella Color" content="#ccc"/>
  91. <meta name="color:Umbrella Shadow" content="#eee"/>
  92.  
  93.  
  94.  
  95. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  96.  
  97. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  98. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/VUNm4yfvn/jquery-css-transform.js"></script>
  99. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/MoIm4yfw2/rotate3di.js"></script>
  100.  
  101. <script type="text/javascript">
  102. $(document).ready(function () {
  103. $('#nav-list-example li div.back').hide().css('left', 0);
  104.  
  105. function mySideChange(front) {
  106. if (front) {
  107. $(this).parent().find('div.front').show();
  108. $(this).parent().find('div.back').hide();
  109.  
  110. } else {
  111. $(this).parent().find('div.front').hide();
  112. $(this).parent().find('div.back').show();
  113. }
  114. }
  115.  
  116. $('#nav-list-example li').hover(
  117. function () {
  118. $(this).find('div').stop().rotate3Di('flip', 250, {direction: 'clockwise', sideChange: mySideChange});
  119. },
  120. function () {
  121. $(this).find('div').stop().rotate3Di('unflip', 500, {sideChange: mySideChange});
  122. }
  123. );
  124. });
  125. </script>
  126.  
  127. <script src="http://static.tumblr.com/iuggpng/8iplzlvdu/smoothscroll.js" type="text/javascript"></script>
  128.  
  129. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  130.  
  131. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  132. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  133.  
  134. <script type="text/javascript" charset="utf-8">
  135. var $j = jQuery.noConflict();
  136. $j(function() {
  137. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  138. $j("img").lazyload({
  139. placeholder : "",
  140. effect: "fadeIn",
  141. });
  142. });
  143. </script>
  144.  
  145. <script type="text/javascript"
  146. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  147. </script>
  148. <script type="text/javascript" language="javascript">
  149. $(function () {
  150. $('#scrlBotm').click(function () {
  151. $('html, body').animate({
  152. scrollTop: $(document).height()
  153. },
  154. 1500);
  155. return false;
  156. });
  157.  
  158. $('#scrlTop').click(function () {
  159. $('html, body').animate({
  160. scrollTop: '0px'
  161. },
  162. 1500);
  163. return false;
  164. });
  165. });
  166. </script>
  167.  
  168.  
  169. <style type="text/css">
  170. {CustomCSS}
  171. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:75px;}
  172.  
  173. ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
  174.  
  175.  
  176. iframe#tumblr_controls {
  177. right:3px !important;
  178. position: fixed !important;
  179. -webkit-transition: opacity 0.7s linear;
  180. opacity: 0.6;
  181. -webkit-transition: all 0.8s ease-out;
  182. -moz-transition: all 0.8s ease-out;
  183. transition: all 0.8s ease-out;
  184. }
  185.  
  186. iframe#tumblr_controls:hover {
  187. -webkit-transition: opacity 0.7s linear;
  188. opacity: 1;
  189. -webkit-transition: all 0.4s ease-out;
  190. -moz-transition: all 0.4s ease-out;
  191. transition: all 0.4s ease-out;
  192. }
  193.  
  194. body{
  195. background-image:url("{image:Background IMG}");
  196. background-color:{color:Background};
  197. background-repeat:repeat;
  198. background-attachment:fixed;
  199. color:{color:Text};
  200. font-family:trebuchet ms;
  201. font-size:9px;
  202. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifcutecursor}
  203. }
  204.  
  205. a, a:link, a:visited, a:active{
  206. color:{color:Link};
  207. z-index:999;
  208. text-decoration:none;
  209. letter-spacing:1px;
  210. -webkit-transition: all 0.4s ease-out;
  211. -moz-transition: all 0.4s ease-out;
  212. transition: all 0.4s ease-out;
  213. }
  214.  
  215. a:hover {
  216. color:{color:Link Hover};
  217. text-decoration:none;
  218. {block:ifcutecursor} cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifcutecursor}
  219. -webkit-transition: all 0.4s ease-out;
  220. -moz-transition: all 0.4s ease-out;
  221. transition: all 0.4s ease-out;
  222. }
  223.  
  224.  
  225. #posts {
  226. margin-top:10px;
  227. margin-left:100px;
  228.  
  229. }
  230.  
  231. .posteu {
  232. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  233. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  234. {block:if400pxposts}width:400px;{/block:if400pxposts}
  235. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  236. margin:7px;
  237. border: 5px solid {color:Posts BG};
  238. font-family:helvetica new;
  239. font-size:9px;
  240. height:auto;
  241. overflow:hidden;
  242. color:{color:Text};
  243. background-color:{color:Posts BG};
  244. opacity:1;
  245. -webkit-transition: all 0.4s ease-out;
  246. -moz-transition: all 0.4s ease-out;
  247. transition: all 0.4s ease-out;
  248.  
  249.  
  250. }
  251.  
  252.  
  253.  
  254. .title {
  255. font-family:sothin;
  256. letter-spacing:5px;
  257. font-size:19px;
  258. line-height:20px;
  259. text-align:center;
  260. color:{color:Post Titles};
  261. text-transform:uppercase;
  262. }
  263.  
  264. .linktitle {
  265. font-family:sothin;
  266. letter-spacing:5px;
  267. font-size:19px;
  268. line-height:20px;
  269. text-align:center;
  270. color:{color:Post Titles};
  271. text-transform:uppercase;
  272. }
  273.  
  274. .title a, .linktitle a{
  275. color:#aaa;
  276. letter-spacing:4px;
  277. }
  278.  
  279. .texts, .chat, .link, .quote, .audio{
  280. font-family:lucida console;
  281. font-size:9px;
  282. line-height:15px;
  283. margin-bottom:5px;
  284. margin-top:5px;
  285. color:{color:Text};
  286. padding:0px;
  287. letter-spacing:0px;
  288.  
  289. }
  290.  
  291. {block:ifimageopacity}img, a img {
  292. opacity:.9;
  293. }
  294.  
  295. .posteu img, .posteu a img {
  296. opacity:.9;
  297. -webkit-transition: all 0.4s ease-out;
  298. -moz-transition: all 0.4s ease-out;
  299. transition: all 0.4s ease-out;
  300. }
  301.  
  302. .posteu img:hover, .posteu a img:hover {
  303. opacity:1;
  304. -webkit-transition: all 0.4s ease-out;
  305. -moz-transition: all 0.4s ease-out;
  306. transition: all 0.4s ease-out;
  307. }
  308. {/block:ifimageopacity}
  309.  
  310. #perm {
  311. font-family:onuava;
  312. font-size:6px;
  313. text-align:center;
  314. background-color:{color:Perm BG};
  315. padding:5px;
  316. min-width:100px;
  317. position:absolute;
  318. margin-top:5px;
  319. margin-left:-20px;
  320. letter-spacing:2px;
  321. color:{color:Perm Text};
  322. opacity:0;
  323. z-index:999;
  324. text-transform:uppercase;
  325. -webkit-transition: all 0.8s ease-out;
  326. -moz-transition: all 0.8s ease-out;
  327. transition: all 0.8s ease-out;
  328. }
  329.  
  330. #perm a {
  331. color:{color:Perm Text};
  332. }
  333.  
  334. #perm:hover {
  335. opacity:1;
  336.  
  337. }
  338.  
  339.  
  340. {block:IndexPage}.posteu:hover #perm {
  341. opacity:.8;
  342. margin-left:5px;
  343. -webkit-transition: all 0.8s ease-out;
  344. -moz-transition: all 0.8s ease-out;
  345. transition: all 0.8s ease-out;
  346. }
  347. {/block:IndexPage}
  348.  
  349. #permalink {
  350. display:block;
  351. width:500px;
  352. padding:5px;
  353. height:auto;
  354. background-color:{color:Posts BG};
  355. color:{color:Text};
  356. }
  357.  
  358. #taemin {
  359. display:block;
  360. background-color:{color:Posts BG};
  361. width:500px;
  362. padding:0px;
  363.  
  364. }
  365.  
  366. #askpic {
  367. margin-right:5px;
  368. float:left;
  369. -moz-border-radius:100px;
  370. border-radius:100px;
  371.  
  372. }
  373.  
  374. @font-face {font-family: "sothin";src: url('http://static.tumblr.com/iuggpng/4bZm4x58p/so_thin.ttf');}
  375.  
  376. @font-face {font-family: "vada";src: url('http://static.tumblr.com/iuggpng/CI1m4yxmg/unvada.ttf');}
  377.  
  378. @font-face {font-family: "mossy";src: url('http://static.tumblr.com/iuggpng/zoDm4x5cr/mossy.ttf');}
  379.  
  380. @font-face {font-family: "onuava";src: url('http://static.tumblr.com/iuggpng/OCkm4x5h8/onuava__.ttf');}
  381.  
  382. @font-face {font-family: "bree";src: url('http://static.tumblr.com/iuggpng/bYRm2w6dy/bree.ttf');}
  383.  
  384. #eunhyuk {
  385. position:fixed;
  386. {block:PermalinkPage}left:900px;{/block:PermalinkPage}
  387. {block:IndexPage}{block:if500pxposts}left:900px;{/block:if500pxposts}
  388. {block:if400pxposts}left:800px;{/block:if400pxposts}
  389. {block:if250pxposts}left:650px;{/block:if250pxposts}{/block:IndexPage}
  390. top:100px;
  391. background-color:transparent;
  392. height:auto;
  393. overflow:none;
  394.  
  395. }
  396.  
  397. #tts {
  398. width:250px;
  399. position:absolute;
  400. margin-left:-220px;
  401. margin-top:150px;
  402. background-image:url({image:Desc BG});
  403. height:auto;
  404. padding:7px;
  405. font-family:helvetica;
  406. font-size:9px;
  407. color:{color:Desc Text};
  408. letter-spacing:1px;
  409. line-height:12px;
  410. text-transform:none;
  411. }
  412.  
  413. .tri {
  414. position:absolute;
  415. font-size:60px;
  416. font-family:consolas;
  417. color:{color:Triangles Color};
  418. }
  419.  
  420.  
  421. #tri1 {
  422. margin-top:30px;
  423. margin-left:49px;
  424. color:{color:Triangles Color};
  425. }
  426.  
  427. #tri2 {
  428. margin-top:40px;
  429. margin-left:110px;
  430. color:{color:Triangles Color};
  431. }
  432.  
  433. #tri3 {
  434. margin-top:77px;
  435. margin-left:150px;
  436. color:{color:Triangles Color};
  437. }
  438.  
  439. #tri4 {
  440. margin-top:50px;
  441. margin-left:-5px;
  442. color:{color:Triangles Color};
  443. }
  444.  
  445.  
  446. #tit{
  447. font-family:mossy; font-size:40px; letter-spacing:5px; margin-left:-220px;
  448. position:absolute;
  449. margin-top:100px;
  450. -webkit-transition: all 0.8s ease-out;
  451. -moz-transition: all 0.8s ease-out;
  452. transition: all 0.8s ease-out;
  453. }
  454.  
  455. #tit a {
  456. color:{color:Title};
  457. }
  458.  
  459. #credit {
  460. position:fixed;
  461. font-family:consolas;
  462. font-size:8px;
  463. text-transform:uppercase;
  464. letter-spacing:2px;
  465. bottom:5px;
  466. right:10px;
  467. }
  468.  
  469. #credit a {
  470. color:#555;
  471. }
  472.  
  473. </style>
  474. <style type="text/css">
  475.  
  476. #dhtmltooltip{
  477. position: absolute;
  478. padding: 3px;
  479. text-align:center;
  480. font-family:consolas;
  481. letter-spacing:2px;
  482. color:{color:Triangles Text Color};
  483. background-color:{color:Triangles Text BG};
  484. visibility: hidden;
  485. z-index: 1000;
  486. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  487. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  488. }
  489.  
  490. </style>
  491. </head>
  492. <body>
  493.  
  494.  
  495. <div id="dhtmltooltip"></div>
  496.  
  497. <script type="text/javascript">
  498.  
  499. /***********************************************
  500. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  501. * This notice MUST stay intact for legal use
  502. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  503. ***********************************************/
  504.  
  505. var offsetxpoint=-60 //Customize x offset of tooltip
  506. var offsetypoint=20 //Customize y offset of tooltip
  507. var ie=document.all
  508. var ns6=document.getElementById && !document.all
  509. var enabletip=false
  510. if (ie||ns6)
  511. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  512.  
  513. function ietruebody(){
  514. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  515. }
  516.  
  517. function ddrivetip(thetext, thecolor, thewidth){
  518. if (ns6||ie){
  519. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  520. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  521. tipobj.innerHTML=thetext
  522. enabletip=true
  523. return false
  524. }
  525. }
  526.  
  527. function positiontip(e){
  528. if (enabletip){
  529. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  530. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  531. //Find out how close the mouse is to the corner of the window
  532. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  533. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  534.  
  535. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  536.  
  537. //if the horizontal distance isn't enough to accomodate the width of the context menu
  538. if (rightedge<tipobj.offsetWidth)
  539. //move the horizontal position of the menu to the left by it's width
  540. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  541. else if (curX<leftedge)
  542. tipobj.style.left="5px"
  543. else
  544. //position the horizontal position of the menu where the mouse is positioned
  545. tipobj.style.left=curX+offsetxpoint+"px"
  546.  
  547. //same concept with the vertical position
  548. if (bottomedge<tipobj.offsetHeight)
  549. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  550. else
  551. tipobj.style.top=curY+offsetypoint+"px"
  552. tipobj.style.visibility="visible"
  553. }
  554. }
  555.  
  556. function hideddrivetip(){
  557. if (ns6||ie){
  558. enabletip=false
  559. tipobj.style.visibility="hidden"
  560. tipobj.style.left="-1000px"
  561. tipobj.style.backgroundColor=''
  562. tipobj.style.width=''
  563. }
  564. }
  565.  
  566. document.onmousemove=positiontip
  567.  
  568. </script>
  569.  
  570. <div id="credit"><a href="http://hobakjeon.tumblr.com">♫ theme</a></div>
  571.  
  572. {block:ifmusicplayercode}<div style="position:fixed; left:1000px; top:290px; background-color:transparent; padding:3px; font-family:consolas; font-size:8px; z-index:999; text-transform:uppercase;">
  573. {text:Music Player Code}
  574. </div>{/block:ifmusicplayercode}
  575.  
  576.  
  577. <div id="eunhyuk">
  578.  
  579. <div id="tit"><a href="/">{Title}</a></div>
  580.  
  581. <div id="tts">{Description}
  582.  
  583. <form>
  584. <select style="width: 250px; height: 16px; letter-spacing: 1px; padding-left: 5px; margin-left: 0px; margin-top:15px; font-size: 8px; font-family: consolas; text-transform:uppercase; position:absolute; margin-bottom: 0px; background-color:{color:Extra Links BG}; z-index:999; color:{color:Extra Links Color};border:1px solid {color:Extra Links Border};" onChange="location.href=this.options[this.selectedIndex].value;">
  585.  
  586. <option value="">★ navigation</option>
  587. {block:iflink1}<option value="{text:Link 1 URL}" target="new">{text:Link 1}</option>{/block:iflink1}
  588.  
  589. {block:iflink2}<option value="{text:Link 2 URL}" target="new">{text:Link 2}</option>{/block:iflink2}
  590.  
  591. {block:iflink3}<option value="{text:Link 3 URL}" target="new">{text:Link 3}</option>{/block:iflink3}
  592.  
  593. {block:iflink4}<option value="{text:Link 4 URL}" target="new">{text:Link 4}</option>{/block:iflink4}
  594.  
  595. {block:iflink5}<option value="{text:Link 5 URL}" target="new">{text:Link 5}</option>{/block:iflink5}
  596. </select>
  597. </form>
  598.  
  599. {block:ifnotinfinitescrolling}
  600. <div style="width: 250px; height: 16px; letter-spacing: 1px; padding-left: 5px; margin-left:-2px; margin-top:35px; text-align:center; font-size: 8px; font-family: consolas; text-transform:uppercase; position:absolute; ">
  601. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage} {block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage} {/block:JumpPagination} {block:NextPage} <a href="{NextPage}">▶</a> {/block:NextPage}</center> {/block:Pagination}</div>{/block:ifnotinfinitescrolling}
  602.  
  603.  
  604. </div>
  605.  
  606.  
  607.  
  608.  
  609.  
  610. <a title=""href="/ask" class="tri" id="tri1" onMouseover="ddrivetip('MESSAGE','{color:Triangles Text BG}', 50)";
  611. onMouseout="hideddrivetip()">▽</a>
  612. <a title=""href="/archive" onMouseover="ddrivetip('HISTORY','{color:Triangles Text BG}', 50)";
  613. onMouseout="hideddrivetip()" class="tri" id="tri2">▽</a>
  614. <a title="" href="/random" onMouseover="ddrivetip('RANDOM','{color:Triangles Text BG}', 50)";
  615. onMouseout="hideddrivetip()" class="tri" id="tri3">▽</a>
  616. <a title=""href="/" onMouseover="ddrivetip('INDEX','{color:Triangles Text BG}', 50)";
  617. onMouseout="hideddrivetip()" class="tri" id="tri4">▽</a>
  618.  
  619. <div id="umbrella" style="font-size:240px; color:{color:Umbrella Color}; z-index:300;
  620. transform: rotate(17deg);
  621. -moz-transform: rotate(17deg);
  622. -webkit-transform: rotate(17deg);
  623. -o-transform: rotate(17deg);
  624. text-shadow:1px 1px 2px {color:Umbrella Shadow};">☂</div>
  625.  
  626.  
  627.  
  628.  
  629. </div>
  630.  
  631.  
  632. {block:ifinfinitescrolling}<a id="scrlTop" title="fly up !" href="#" style="position: fixed; bottom: 5px; left: 660px;"><font size="7px">▲</font></a>
  633. {/block:ifinfinitescrolling}
  634.  
  635. <div id="posts">
  636.  
  637. <div id="inpiniteu">
  638.  
  639. {block:Posts}
  640.  
  641. {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
  642.  
  643.  
  644.  
  645. <div class="posteu">
  646. {block:Text}
  647. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  648. <div class="texts">
  649. {block:Title}
  650. <div class="title"><a href="{Permalink}">{Title}</a></div>
  651. {/block:Title}
  652. {Body}</div>
  653.  
  654. {/block:Text}
  655.  
  656.  
  657. {block:Photo}
  658. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  659. <a href="{Permalink}"><img class="photo"
  660. {block:IndexPage}
  661. {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  662. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  663. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  664. {/block:IndexPage}
  665. {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
  666. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  667. {/block:Photo}
  668.  
  669.  
  670. {block:Photoset}
  671. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  672. <div class="photoset">
  673. <a href="{Permalink}">
  674. {block:IndexPage}
  675. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  676. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  677. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  678. {/block:IndexPage}
  679. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  680. </a>
  681. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  682.  
  683. {/block:Photoset}
  684.  
  685.  
  686. {block:Quote}
  687. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  688. <div class="quote">
  689. " {Quote} "
  690. {block:Source}
  691. <div class="source">- {Source}</div>
  692. {/block:Source}
  693. </div>
  694. {/block:Quote}
  695.  
  696.  
  697. {block:Link}
  698. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  699. <div class="link">
  700. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  701. {block:Description}
  702. <div class="description">{Description}</div>
  703. {/block:Description}
  704. </div>
  705. {/block:Link}
  706.  
  707.  
  708. {block:Chat}
  709. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  710. <div class="post chat">
  711. {block:Title}
  712. <h3><a href="{Permalink}">{Title}</a></h3>
  713. {/block:Title}
  714. <div class="chat">
  715. {block:Lines}
  716. <div class="{Alt} user_{UserNumber}">
  717. {block:Label}
  718. <span class="label">{Label}</span>
  719. {/block:Label}
  720. {Line}</div>
  721. {/block:Lines}
  722. </div>
  723. </div>
  724.  
  725. {/block:Chat}
  726.  
  727.  
  728. {block:Video}
  729. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  730. <div class="video">
  731. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  732. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  733. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  734. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  735. {block:PermalinkPage}{block:Caption}
  736. <div class="caption">{Caption}</div>
  737. {/block:Caption}{/block:PermalinkPage}
  738. </div>
  739. {/block:Video}
  740.  
  741.  
  742. {block:Audio}
  743. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  744. <div class="audio">
  745. <div style="width:100%; background-color:black;">{AudioPlayerBlack}</div>
  746. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  747. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  748. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  749. </div>
  750.  
  751. {/block:AlbumArt}
  752. {block:Caption}
  753. <div class="caption">
  754.  
  755. {block:Artist}
  756. <p><b>ARTIST</b>: {Artist}
  757. {/block:Artist}
  758.  
  759. {block:Album}
  760. <br><b>ALBUM</b>: {Album}
  761. {/block:Album}
  762.  
  763. {block:TrackName}
  764. <br><b>TRACK</b>: {TrackName}
  765. {/block:TrackName}
  766.  
  767. {block:PlayCount}
  768. <br><b>PLAYS</b>: {FormattedPlayCount}
  769. {/block:PlayCount}
  770.  
  771. {Caption}</div>
  772. {/block:Caption}
  773. </div>
  774. {/block:Audio}
  775.  
  776. {block:Answer}
  777. <div id="perm"><a href="{Permalink}">{Month} {MonthNumber} {ShortYear} // {NoteCountWithLabel}</a></div>
  778. <div class="askeu">
  779. <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
  780. <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
  781. {Answer}
  782. </div>
  783. {/block:Answer}
  784.  
  785. {block:PermalinkPage}
  786. <div id="permalink">
  787. <center>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  788. <div>
  789. {block:HasTags}tagged :{block:Tags}
  790. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>
  791. <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
  792. </div>
  793.  
  794. {/block:Posts}
  795. </div> {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  796. </div>
  797.  
  798. </body>
  799. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!