API tools faq
paste
Advertisement
singforabsolution

Theme 4

singforabsolution
Aug 10th, 2012
603
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme by tomkirk.tumblr.com
  3. -->
  4. <html>
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8.  
  9. <!--Default Variables-->
  10. <!--Colors-->
  11. <meta name="color:Background" content="#0f0e0e"/>
  12. <meta name="color:Text" content="#f7f7f7"/>
  13. <meta name="color:Link" content="#660011"/>
  14. <meta name="color:Link Hover" content="#d8b2b2"/>
  15. <meta name="color:Border" content="#660011"/>
  16. <meta name="color:Scrollbar Background" content="#fffcfa"/>
  17. <meta name="color:Scrollbar" content="#660011"/>
  18. <meta name="color:Tooltip Background" content="#660011"/>
  19. <meta name="color:Tooltip Text" content="#fffcfa"/>
  20. <meta name="color:Title Background" content="#410208"/>
  21. <meta name="color:Title Corners" content="#85575b"/>
  22. <meta name="color:Title" content="#fffcfa"/>
  23.  
  24. <meta name="color:Sidelink 1" content="#660011"/>
  25. <meta name="color:Sidelink 2" content="#ad0112"/>
  26. <meta name="color:Sidelink 3" content="#e10016"/>
  27. <meta name="color:Sidelink 4" content="#ad0112"/>
  28. <meta name="color:Sidelink 5" content="#660011"/>
  29.  
  30. <meta name="color:Audio Line 1" content="#660011"/>
  31. <meta name="color:Audio Line 2" content="#310a10"/>
  32.  
  33. <!--Images-->
  34. <meta name="image:Background" content""/>
  35. <meta name="image:Sidebar" content""/>
  36.  
  37. <!--Options-->
  38. <meta name="if:Infinite Scrolling" content=""/>
  39. <meta name="if:Tiny Cursor" content="1"/>
  40. <meta name="if:Desc Scrollbar" content="1"/>
  41.  
  42. <!--Links-->
  43. <meta name="text:Link 1 URL" content="/"/>
  44. <meta name="text:Link 1 name" content=""/>
  45. <meta name="text:Link 2 URL" content="/"/>
  46. <meta name="text:Link 2 name" content=""/>
  47. <meta name="text:Link 3 URL" content="/"/>
  48. <meta name="text:Link 3 name" content=""/>
  49. <meta name="text:Link 4 URL" content="/"/>
  50. <meta name="text:Link 4 name" content=""/>
  51.  
  52.  
  53. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  54.  
  55. {block:Description}
  56. <meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <title>
  58. {block:PostSummary}
  59. {PostSummary} - {/block:PostSummary}{Title}</title>
  60. </style>
  61.  
  62. <style type="text/css">
  63.  
  64. {block:ifInvertedImages}img{
  65. opacity: 1;
  66. filter:alpha(opacity=10);
  67. -moz-opacity: 0.1;
  68. -moz-transition: all .9s ease;
  69. -o-transition: all .9s ease;
  70. transition: all .9s ease;
  71. -webkit-transition: all .9s ease;}
  72. {/block:ifInvertedImages}
  73.  
  74.  
  75. {block:ifInvertedImages} img:hover{
  76. opacity: .8;
  77. filter:alpha(opacity=100);
  78. -moz-opacity: 1;
  79. -moz-transition: all .9s ease;
  80. -o-transition: all .9s ease;
  81. transition: all .9s ease;
  82. -webkit-transition: all .9s ease;}
  83. {/block:ifInvertedImages}
  84.  
  85. {block:ifFadedImages}img{
  86. opacity: .8;
  87. filter:alpha(opacity=10);
  88. -moz-opacity: 0.1;
  89. -moz-transition: all .9s ease;
  90. -o-transition: all .9s ease;
  91. transition: all .9s ease;
  92. -webkit-transition: all .9s ease;}
  93. {/block:ifFadedImages}
  94.  
  95.  
  96. {block:ifFadedImages} img:hover{
  97. opacity: 1;
  98. filter:alpha(opacity=100);
  99. -moz-opacity: 1;
  100. -moz-transition: all .9s ease;
  101. -o-transition: all .9s ease;
  102. transition: all .9s ease;
  103. -webkit-transition: all .9s ease;}
  104. {/block:ifFadedImages}
  105.  
  106.  
  107. 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;}
  108.  
  109.  
  110. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  111.  
  112. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  113. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  114.  
  115. {block:iftinycursor}
  116. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  117. {/block:iftinycursor}
  118.  
  119. body{
  120. background-color: {color:Background};
  121. background-image: url({image:Background});
  122. background-attachment: fixed;
  123. background-repeat: repeat;
  124. background-position: center;
  125. font-family:calibri;
  126. font-size: 12px;
  127. line-height: 13px;
  128. color:{color:Text};
  129. }
  130.  
  131. a:link, a:active, a:visited{
  132. color: {color:Link};
  133. text-decoration:none;
  134. -webkit-transition: all 0.2s linear;
  135. -moz-transition: all 0.2s linear;
  136. transition: all 0.2s linear;
  137. }
  138. a:hover{
  139. color: {color:Link Hover};
  140. {block:iftinycursor}cursor: url(http://i.imgur.com/IepP2.jpg), progress{/block:iftinycursor};
  141. }
  142.  
  143. #container {
  144. margin:auto;
  145. position:right;
  146. width:800px;
  147. overflow:hidden;
  148. }
  149.  
  150. #posts {
  151. margin:auto;
  152. position:relative;
  153. width:540px;
  154. background-color:;
  155. overflow:auto;
  156. overflow-y:hidden;
  157. }
  158.  
  159. #content {
  160. float:center;
  161. padding: 4px;
  162. margin-top:-5px;
  163. margin-left:40px;
  164. background: transparent;
  165. }
  166.  
  167. #entry {
  168. width:400px;
  169. margin-left:250px;
  170. margin-top:25px;
  171. padding:10px;
  172. background:#0C0909;
  173. }
  174.  
  175.  
  176. .etc a{color:{color:Title};}
  177. .etc a:hover{color:{color:Link Hover};}
  178. .rblg a{color:{color:Title};}
  179. .rblg a:hover{color:{color:Link Hover};}
  180. .date a{color:{color:Title};}
  181. .date a:hover{color:{color:Link Hover};}
  182.  
  183. #entry .date{
  184. opacity:0.0;
  185. width:100px;
  186. margin-left:410px;
  187. font-size:10px;
  188. text-transform:uppercase;
  189. padding:1px;
  190. padding-right:10px;
  191. text-align:right;
  192. position: absolute;
  193. background-color:{color:Sidelink 1};
  194. -webkit-transition: opacity 0.5s linear;
  195. -webkit-transition: all 0.5s linear;
  196. -moz-transition: all 0.5s linear;
  197. transition: all 0.5s linear;
  198. -webkit-border-top-right-radius: 7px;
  199. -webkit-border-bottom-right-radius: 7px;
  200. -moz-border-radius-topright: 7px;
  201. -moz-border-radius-bottomright: 7px;
  202. border-top-right-radius: 7px;
  203. border-bottom-right-radius: 7px;
  204. }
  205.  
  206. #entry:hover .date{
  207. padding-left:20px;
  208. opacity:.9;
  209. z-index:1;
  210. transition: all 0.5s linear;
  211. -webkit-transition: opacity 0.5s linear;
  212. -webkit-transition: all 0.5s linear;
  213. -moz-transition: all 0.5s linear;
  214. }
  215.  
  216. #entry .etc{
  217. opacity:0.0;
  218. width:70px;
  219. margin-top:22px;
  220. margin-left:410px;
  221. font-size:10px;
  222. text-transform:uppercase;
  223. padding:1px;
  224. padding-right:10px;
  225. text-align:right;
  226. position: absolute;
  227. background-color:{color:Sidelink 2};
  228. -webkit-transition: opacity 0.5s linear;
  229. -webkit-transition: all 0.5s linear;
  230. -moz-transition: all 0.5s linear;
  231. transition: all 0.5s linear;
  232. -webkit-border-top-right-radius: 7px;
  233. -webkit-border-bottom-right-radius: 7px;
  234. -moz-border-radius-topright: 7px;
  235. -moz-border-radius-bottomright: 7px;
  236. border-top-right-radius: 7px;
  237. border-bottom-right-radius: 7px;
  238. }
  239.  
  240. #entry:hover .etc{
  241. padding-left:20px;
  242. opacity:.9;
  243. z-index:1;
  244. transition: all 0.5s linear;
  245. -webkit-transition: opacity 0.5s linear;
  246. -webkit-transition: all 0.5s linear;
  247. -moz-transition: all 0.5s linear;
  248. }
  249.  
  250. #entry .rblg{
  251. opacity:0.0;
  252. width:40px;
  253. margin-top:45px;
  254. margin-left:410px;
  255. font-size:10px;
  256. text-transform:uppercase;
  257. padding:1px;
  258. padding-right:10px;
  259. text-align:right;
  260. position: absolute;
  261. background-color:{color:Sidelink 3};
  262. -webkit-transition: opacity 0.5s linear;
  263. -webkit-transition: all 0.5s linear;
  264. -moz-transition: all 0.5s linear;
  265. transition: all 0.5s linear;
  266. -webkit-border-top-right-radius: 7px;
  267. -webkit-border-bottom-right-radius: 7px;
  268. -moz-border-radius-topright: 7px;
  269. -moz-border-radius-bottomright: 7px;
  270. border-top-right-radius: 7px;
  271. border-bottom-right-radius: 7px;
  272. }
  273.  
  274. #entry:hover .rblg{
  275. padding-left:20px;
  276. opacity:.9;
  277. z-index:1;
  278. transition: all 0.5s linear;
  279. -webkit-transition: opacity 0.5s linear;
  280. -webkit-transition: all 0.5s linear;
  281. -moz-transition: all 0.5s linear;
  282. }
  283.  
  284. #side {
  285. position:fixed !important;
  286. width: 180px;
  287. height: auto;
  288. margin-top:120px;
  289. margin-left:-140px;
  290. z-index:1;
  291. }
  292.  
  293. #sidepic .desc{
  294. width:130px;
  295. height:120px;
  296. {block:ifDescScrollbar}
  297. overflow:scroll;
  298. overflow-x:hidden;
  299. {/block:ifDescScrollbar}
  300. {block:ifNotDescScrollbar}
  301. width:132px;
  302. overflow:hidden;
  303. {/block:ifNotDescScrollbar}
  304. opacity:0.0;
  305. font-size: 11px;
  306. line-height: 12px;
  307. margin-top:-100px;
  308. margin-left:42px;
  309. padding:7px;
  310. text-align:left;
  311. position: absolute;
  312. background:white;
  313. color:black;
  314. -webkit-transition: opacity 0.5s linear;
  315. -webkit-transition: all 0.5s linear;
  316. -moz-transition: all 0.5s linear;
  317. transition: all 0.5s linear;
  318. }
  319.  
  320. #sidepic:hover .desc{
  321. margin-top:55px;
  322. opacity:.9;
  323. z-index:1;
  324. transition: all 0.5s linear;
  325. -webkit-transition: opacity 0.5s linear;
  326. -webkit-transition: all 0.5s linear;
  327. -moz-transition: all 0.5s linear;
  328. }
  329.  
  330. #nav {
  331. position:fixed;
  332. width: 50px;
  333. height: auto;
  334. margin-top:350px;
  335. margin-left:-50px;
  336. padding:6px;
  337. }
  338.  
  339. .navigate1 a{
  340. overflow:hidden;
  341. height:100px;
  342. margin-top:3px;
  343. margin-right:2px;
  344. padding:3px;
  345. text-align:center;
  346. float:left;
  347. z-index:1;
  348. display:block;
  349. background-color:{color:Sidelink 1};
  350. transition: all 0.5s ease-out;
  351. -o-transition-transition: all 0.5s ease-out;
  352. -webkit-transition: all 0.5s ease-out;
  353. -moz-transition: all 0.5s ease-out;
  354. -webkit-border-bottom-right-radius: 10px;
  355. -webkit-border-bottom-left-radius: 10px;
  356. -moz-border-radius-bottomright: 10px;
  357. -moz-border-radius-bottomleft: 10px;
  358. border-bottom-right-radius: 10px;
  359. border-bottom-left-radius: 10px;
  360. }
  361.  
  362. .navigate1 a:hover{
  363. height:130px;
  364. transition: all 0.5s ease-out;
  365. -o-transition-transition: all 0.5s ease-out;
  366. -webkit-transition: all 0.5s ease-out;
  367. -moz-transition: all 0.5s ease-out;
  368. }
  369.  
  370. .navigate2 a{
  371. overflow:hidden;
  372. height:110px;
  373. margin-top:3px;
  374. margin-right:2px;
  375. padding:3px;
  376. text-align:center;
  377. float:left;
  378. z-index:1;
  379. display:block;
  380. background-color:{color:Sidelink 2};
  381. transition: all 0.5s ease-out;
  382. -o-transition-transition: all 0.5s ease-out;
  383. -webkit-transition: all 0.5s ease-out;
  384. -moz-transition: all 0.5s ease-out;
  385. -webkit-border-bottom-right-radius: 10px;
  386. -webkit-border-bottom-left-radius: 10px;
  387. -moz-border-radius-bottomright: 10px;
  388. -moz-border-radius-bottomleft: 10px;
  389. border-bottom-right-radius: 10px;
  390. border-bottom-left-radius: 10px;
  391. }
  392.  
  393. .navigate2 a:hover{
  394. height:140px;
  395. transition: all 0.5s ease-out;
  396. -o-transition-transition: all 0.5s ease-out;
  397. -webkit-transition: all 0.5s ease-out;
  398. -moz-transition: all 0.5s ease-out;
  399. }
  400.  
  401. .navigate3 a{
  402. overflow:hidden;
  403. height:120px;
  404. margin-top:3px;
  405. margin-right:2px;
  406. padding:3px;
  407. text-align:center;
  408. float:left;
  409. z-index:1;
  410. display:block;
  411. background-color:{color:Sidelink 3};
  412. transition: all 0.5s ease-out;
  413. -o-transition-transition: all 0.5s ease-out;
  414. -webkit-transition: all 0.5s ease-out;
  415. -moz-transition: all 0.5s ease-out;
  416. -webkit-border-bottom-right-radius: 10px;
  417. -webkit-border-bottom-left-radius: 10px;
  418. -moz-border-radius-bottomright: 10px;
  419. -moz-border-radius-bottomleft: 10px;
  420. border-bottom-right-radius: 10px;
  421. border-bottom-left-radius: 10px;
  422. }
  423.  
  424. .navigate3 a:hover{
  425. height:150px;
  426. transition: all 0.5s ease-out;
  427. -o-transition-transition: all 0.5s ease-out;
  428. -webkit-transition: all 0.5s ease-out;
  429. -moz-transition: all 0.5s ease-out;
  430. }
  431.  
  432. .navigate4 a{
  433. overflow:hidden;
  434. height:110px;
  435. margin-top:3px;
  436. padding:3px;
  437. text-align:center;
  438. float:left;
  439. z-index:1;
  440. display:block;
  441. background-color:{color:Sidelink 4};
  442. transition: all 0.5s ease-out;
  443. -o-transition-transition: all 0.5s ease-out;
  444. -webkit-transition: all 0.5s ease-out;
  445. -moz-transition: all 0.5s ease-out;
  446. -webkit-border-bottom-right-radius: 10px;
  447. -webkit-border-bottom-left-radius: 10px;
  448. -moz-border-radius-bottomright: 10px;
  449. -moz-border-radius-bottomleft: 10px;
  450. border-bottom-right-radius: 10px;
  451. border-bottom-left-radius: 10px;
  452. }
  453.  
  454. .navigate4 a:hover{
  455. height:140px;
  456. transition: all 0.5s ease-out;
  457. -o-transition-transition: all 0.5s ease-out;
  458. -webkit-transition: all 0.5s ease-out;
  459. -moz-transition: all 0.5s ease-out;
  460. }
  461.  
  462. .navigate5 a{
  463. overflow:hidden;
  464. height:100px;
  465. margin-top:3px;
  466. margin-left:2px;
  467. padding:3px;
  468. text-align:center;
  469. float:left;
  470. z-index:1;
  471. display:block;
  472. background-color:{color:Sidelink 5};
  473. transition: all 0.5s ease-out;
  474. -o-transition-transition: all 0.5s ease-out;
  475. -webkit-transition: all 0.5s ease-out;
  476. -moz-transition: all 0.5s ease-out;
  477. -webkit-border-bottom-right-radius: 10px;
  478. -webkit-border-bottom-left-radius: 10px;
  479. -moz-border-radius-bottomright: 10px;
  480. -moz-border-radius-bottomleft: 10px;
  481. border-bottom-right-radius: 10px;
  482. border-bottom-left-radius: 10px;
  483. }
  484.  
  485. .navigate5 a:hover{
  486. height:130px;
  487. transition: all 0.5s ease-out;
  488. -o-transition-transition: all 0.5s ease-out;
  489. -webkit-transition: all 0.5s ease-out;
  490. -moz-transition: all 0.5s ease-out;
  491. }
  492.  
  493. #sidepic .blogtitle{
  494. opacity:1;
  495. margin-top:30px;
  496. margin-left:-25px;
  497. text-align:center;
  498. width:281px;
  499. z-index:1;
  500. position:fixed;
  501. -webkit-transition: opacity 0.5s linear;
  502. -webkit-transition: all 0.5s linear;
  503. -moz-transition: all 0.5s linear;
  504. transition: all 0.5s linear;
  505. }
  506.  
  507. #sidepic:hover .blogtitle{
  508. margin-top:-55px;
  509. opacity:0;
  510. z-index:1;
  511. transition: all 0.5s linear;
  512. -webkit-transition: opacity 0.5s linear;
  513. -webkit-transition: all 0.5s linear;
  514. -moz-transition: all 0.5s linear;
  515. }
  516.  
  517. .blgtitle{
  518. background:{color:Title Background};
  519. color:{color:Title};
  520. font-family:"economica-regular";
  521. font-size: 30px;
  522. line-height: 30px;
  523. }
  524.  
  525. .trileft{
  526. position:absolute;
  527. width: 0;
  528. height: 0;
  529. border-top: 25px solid {color:Title Corners};
  530. border-left: 25px solid transparent;
  531. }
  532.  
  533. .triright{
  534. position:absolute;
  535. width: 0;
  536. height: 0;
  537. margin-left:255px;
  538. border-top: 25px solid {color:Title Corners};
  539. border-right: 25px solid transparent;
  540. }
  541.  
  542. @font-face {font-family: "economica-regular"; src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');}
  543.  
  544. .posttitle{
  545. font-family:"economica-regular";
  546. font-size: 22px;
  547. line-height: 23px;
  548. }
  549.  
  550. blockquote{
  551. padding:0px 0px 2px 5px;
  552. margin:0px 0px 2px 1px;
  553. border-left: 1px solid {color:Text};}
  554. blockquote p, ul{margin:0px; padding:0px;
  555. }
  556.  
  557. .chat .line{
  558. background-color:{color:Chat 1};
  559. margin: 0 0 0px;
  560. padding: 2px;
  561. }
  562. .chat .line.odd{
  563. background-color:{color:Chat 2};
  564. }
  565.  
  566. .label {font-weight:bold; color:{color:text}}
  567.  
  568. a img{border: 0px;}
  569.  
  570. .p { padding-top: 5px; }
  571. .ol, ul { margin-left: 10px; padding: 5px; }
  572. .ul { list-style-type: square; }
  573.  
  574. .cover {position: absolute; z-index: 1; width:120px;}
  575.  
  576. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  577.  
  578. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 15px 24px 13px 16px;}
  579.  
  580. .playbox {background-color: #000; position: absolute; z-index: 1000; margin-top: 35px; margin-left: 30px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; opacity:.5;
  581. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  582.  
  583. .playbox:hover {opacity:.9;}
  584.  
  585. .title{
  586. width:
  587. position:absolute;
  588. font-size:13px;
  589. margin-left:120px;
  590. padding:9px;
  591. z-index: 1000;
  592. background:{color:Audio Line 1};
  593. border-left:4px solid {color:Border};
  594. }
  595.  
  596. .artist{
  597. width:
  598. position:absolute;
  599. font-size:13px;
  600. margin-left:120px;
  601. padding:8px;
  602. z-index: 1000;
  603. background:{color:Audio Line 2};
  604. border-left:4px solid {color:Border};
  605. }
  606. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  607.  
  608. .notes img{width:10px; position:left; top:3px;}
  609.  
  610. #pages1{
  611. position:fixed;
  612. width:20px;
  613. height:16px;
  614. padding-top:5px;
  615. margin-top:120px;
  616. margin-left:94px;
  617. font-size:35px;
  618. text-align:center;
  619. z-index:1;
  620. }
  621.  
  622. #pages2{
  623. position:fixed;
  624. width:20px;
  625. height:16px;
  626. padding-top:5px;
  627. margin-top:120px;
  628. margin-left:-165px;
  629. font-size:35px;
  630. text-align:center;
  631. z-index:1;
  632. }
  633.  
  634. #dhtmltooltip{
  635. position: absolute;
  636. width:auto;
  637. color:{color:Tooltip Text};
  638. background:{color:Tooltip Background};
  639. margin-left:70px;
  640. margin-top:4px;
  641. padding:4px;
  642. visibility: hidden;
  643. z-index: 100;
  644. }
  645.  
  646.  
  647. {CustomCSS}
  648. </style>
  649.  
  650. <link rel="shortcut icon" href="{Favicon}">
  651. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  652.  
  653.  
  654. </head>
  655. <body>
  656.  
  657. <div id="dhtmltooltip"></div>
  658.  
  659. <script type="text/javascript">
  660.  
  661. var offsetxpoint=-60 //Customize x offset of tooltip
  662. var offsetypoint=20 //Customize y offset of tooltip
  663. var ie=document.all
  664. var ns6=document.getElementById && !document.all
  665. var enabletip=false
  666. if (ie||ns6)
  667. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  668.  
  669. function ietruebody(){
  670. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  671. }
  672.  
  673. function ddrivetip(thetext, thecolor, thewidth){
  674. if (ns6||ie){
  675. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  676. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  677. tipobj.innerHTML=thetext
  678. enabletip=true
  679. return false
  680. }
  681. }
  682.  
  683. function positiontip(e){
  684. if (enabletip){
  685. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  686. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  687.  
  688. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  689. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  690.  
  691. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  692.  
  693.  
  694. if (rightedge<tipobj.offsetWidth)
  695.  
  696. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  697. else if (curX<leftedge)
  698. tipobj.style.left="1px"
  699. else
  700.  
  701. tipobj.style.left=curX+offsetxpoint+"px"
  702.  
  703. if (bottomedge<tipobj.offsetHeight)
  704. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  705. else
  706. tipobj.style.top=curY+offsetypoint+"px"
  707. tipobj.style.visibility="visible"
  708. }
  709. }
  710. function hideddrivetip(){
  711. if (ns6||ie){
  712. enabletip=false
  713. tipobj.style.visibility="hidden"
  714. tipobj.style.left="-1000px"
  715. tipobj.style.backgroundColor=''
  716. tipobj.style.width=''
  717. }
  718. }
  719.  
  720. document.onmousemove=positiontip
  721.  
  722. </script>
  723.  
  724. <div id="container">
  725. <div id="content">
  726. <div id="posts">
  727. {block:ifNotInfiniteScrolling}
  728. <div id="pages1">
  729. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  730. </div>
  731. <div id="pages2">
  732. {block:PreviousPage} <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  733. </div>
  734. {/block:ifNotInfiniteScrolling}
  735. <div id="side">
  736. <center>
  737. <div id="sidepic">
  738. <div class="desc">
  739. {Description}
  740. </div>
  741.  
  742. <div class="blogtitle">
  743. <div class="blgtitle">
  744. {Title}
  745. </div>
  746. <div class="trileft"></div>
  747. <div class="triright"></div>
  748. </div>
  749.  
  750. <img src="{image:Sidebar}"width="220" height="250"style="margin-bottom:4px;border:5px solid {color:Border};">
  751. </div>
  752. </center>
  753. </div>
  754. <div id="nav">
  755. <div class="navigate1">
  756. <a href ="{text:Link 1 URL}" onmouseover = "ddrivetip ('{text:Link 1 name}')";
  757. onmouseout = "hideddrivetip ()"></a>
  758. </div>
  759. <div class="navigate2">
  760. <a href ="{text:Link 2 URL}" onmouseover = "ddrivetip ('{text:Link 2 name}')";
  761. onmouseout = "hideddrivetip ()"></a>
  762. </div>
  763. <div class="navigate3">
  764. <a href ="{text:Link 3 URL}" onmouseover = "ddrivetip ('{text:Link 3 name}')";
  765. onmouseout = "hideddrivetip ()"></a>
  766. </div>
  767. <div class="navigate4">
  768. <a href ="{text:Link 4 URL}" onmouseover = "ddrivetip ('{text:Link 4 name}')";
  769. onmouseout = "hideddrivetip ()"></a>
  770. </div>
  771. <div class="navigate5">
  772. <a href ="http://tomkirk.tumblr.com/" onmouseover = "ddrivetip ('Theme')";
  773. onmouseout = "hideddrivetip ()"></a>
  774. </div>
  775. </div>
  776.  
  777. </div>
  778. </div>
  779.  
  780.  
  781.  
  782. <div id="content">
  783. {block:Posts}
  784. <div id="entry">
  785.  
  786. {block:IndexPage}
  787. <div class="date">
  788. <a href="{Permalink}"> {TimeAgo}</a>
  789. </div>
  790. <div class="etc">
  791. <a href="{Permalink}">{NoteCountWithLabel}</a>
  792. </div>
  793. <div class="rblg">
  794. <a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  795. </div>
  796. {/block:IndexPage}
  797.  
  798. {block:Text}
  799. {block:Title}
  800. <div class="posttitle">{Title}</div>
  801. {/block:Title}
  802. {Body}
  803. {/block:text}
  804.  
  805. {block:Link}
  806. <div class="posttitle">
  807. <a href="{URL}">{Name}</a>
  808. </div>
  809. {block:Description}{Description}{/block:Description}
  810. {/block:Link}
  811.  
  812. {block:Photo}
  813. <center>
  814. {LinkOpenTag}
  815. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=400px/></a>
  816. {LinkCloseTag}
  817. </center>
  818. {block:Caption}{Caption}{/block:Caption}
  819. {block:ContentSource}
  820. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  821. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  822. {/block:SourceLogo}
  823. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  824. {/block:ContentSource}
  825. {block:ReblogParentURL}
  826. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  827. {/block:ReblogParentURL}
  828. {/block:Photo}
  829.  
  830. {block:Photoset}
  831. <center>{Photoset-400}</center>
  832. {block:Caption}{Caption}{/block:Caption}
  833. {/block:Photoset}
  834.  
  835. {block:Quote}
  836. <div class="posttitle">"{Quote}"</div>
  837. {block:Source}
  838. <i> - {Source}</i>
  839. {/block:Source}
  840. {/block:Quote}
  841.  
  842. {block:Chat}
  843. {block:Title}
  844. <div id="posttitle">
  845. <center>{Title}</center>
  846. </div>
  847. {/block:Title}
  848. <div class="chat">
  849. {block:Lines}
  850. <div class="chat">
  851. <div class="line {Alt}">
  852. <div class="{Alt} user_{UserNumber}">
  853. {block:Label}
  854. <span class="label"><b>{Label} </b></span>
  855. {/block:Label}
  856. {Line}</div>
  857. </div>
  858. </div>
  859. {/block:Lines}
  860. </div>
  861. {/block:Chat}
  862.  
  863. {block:Audio}
  864. <div class="playbox">
  865. <div class="playbutton">
  866. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  867. </div></div>
  868. {block:AlbumArt}
  869. <img src="{AlbumArtURL}" class="cover">
  870. {/block:AlbumArt}
  871.  
  872. <div class="title">
  873. {block:TrackName}
  874. <b>Title</b>:{TrackName}
  875. {/block:TrackName}
  876. </div>
  877.  
  878. <div class="artist">
  879. {block:Artist}
  880. <b>Artist:</b>{Artist}
  881. {/block:Artist}
  882. </div>
  883.  
  884. <div class="title">
  885. {block:Album}
  886. <b>Album:</b>{Album}
  887. {/block:Album}
  888. </div>
  889.  
  890. <div class="artist">
  891. {PlayCountWithLabel}
  892. </div>
  893.  
  894. <br>
  895. {block:Caption}{Caption}{/block:Caption}
  896. {/block:Audio}
  897.  
  898. {block:Video}<center>
  899. {Video-400}<BR></center>
  900. {block:Caption}{Caption}{/block:Caption}
  901. {/block:Video}
  902.  
  903. {block:PermalinkPage}
  904. <div id="permalink">
  905. {block:Date}
  906. {TimeAgo} on
  907. {ShortMonth} {DayofMonth},{Year}
  908. {/block:Date}
  909. {block:NoteCount} · {NoteCountWithLabel}
  910. {/block:NoteCount}
  911. {block:HasTags} · Tags:
  912. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  913. {/block:Tags}
  914. {/block:HasTags}
  915. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  916. </div>
  917. {/block:PermalinkPage}
  918.  
  919. {block:PostNotes}
  920. <div style="text align:left">
  921. {PostNotes}
  922. </div>
  923. {/block:PostNotes}</div>{/block:Posts}
  924.  
  925. </body>
  926. </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!