API tools faq
paste
Advertisement
thematchgirl

Theme 17

thematchgirl
May 30th, 2014
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.98 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>{title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  9. <meta name="color:background" content="#f1efe9" />
  10. <meta name="color:text" content="#333333" />
  11. <meta name="color:link" content="#d34956" />
  12. <meta name="color:link hover" content="#031c5f" />
  13. <meta name="color:description bg" content="#000000" />
  14. <meta name="color:description" content="#ffffff" />
  15. <meta name="color:posts" content="#ffffff" />
  16. <meta name="color:blockquote bg" content="#f4f4f4" />
  17. <meta name="color:blockquote border" content="#031c5f" />
  18. <meta name="color:blockquote" content="#333333" />
  19. <meta name="color:top bar" content="#000000" />
  20. <meta name="color:blog title" content="#ffffff" />
  21. <meta name="color:bottom bar" content="#000000" />
  22. <meta name="color:bubble link bg" content="#000000" />
  23. <meta name="color:bubble link border" content="#eed97f" />
  24. <meta name="color:bubble link hover 2 border" content="#d34956" />
  25. <meta name="color:bubble link hover bg" content="#7d7d7d" />
  26. <meta name="color:bubble link hover 2 border" content="#031c5f" />
  27. <meta name="color:container" content="#fdfdfd" />
  28. <meta name="color:container border" content="#000000" />
  29. <meta name="color:posts border" content="#f4f4f4" />
  30. <meta name="color:date and reblog bg" content="#000000" />
  31. <meta name="color:date and reblog text" content="#ffffff" />
  32. <meta name="color:month" content="#eed97f" />
  33. <meta name="color:tags" content="#7d7d7d" />
  34. <meta name="color:post title" content="#eed97f" />
  35. <meta name="color:page number bg" content="#eed97f" />
  36. <meta name="color:page number" content="#333333" />
  37. <meta name="color:music post artist and album bg" content="#ffffff" />
  38. <meta name="color:music post artist and album" content="#333333" />
  39. <meta name="color:music post album and plays bg" content="#eed97f" />
  40. <meta name="color:music post album and plays" content="#333333" />
  41. <meta name="color:chat label 1" content="#d34956" />
  42. <meta name="color:chat label 2" content="#eed97f" />
  43. <meta name="color:chat line border" content="#cccccc" />
  44. <meta name="color:chat bg 1" content="#f4f4f4" />
  45. <meta name="color:chat 1" content="#333333" />
  46. <meta name="color:chat bg 2" content="#ffffff" />
  47. <meta name="color:chat 2" content="#7d7d7d" />
  48. <meta name="color:question" content="#f8f8f8" />
  49. <meta name="color:question text" content="#333333" />
  50. <meta name="color:asker bg" content="#eed97f" />
  51. <meta name="color:asker" content="#ffffff" />
  52. <meta name="color:quote apostrophes" content="#d34956" />
  53. <meta name="color:quote source bg" content="#eed97f" />
  54. <meta name="color:quote source" content="#7d7d7d" />
  55.  
  56. <meta name="image:background" content="http://static.tumblr.com/vhirhls/hTnm1vaq1/bg03.jpg" />
  57. <meta name="image:top left image 1" content="http://i.imgur.com/VseZHVn.png" />
  58. <meta name="image:top left image 2" content="http://i.imgur.com/Ezt4MpJ.png" />
  59. <meta name="image:bottom right image 2" content="http://i.imgur.com/1bzuTiK.png" />
  60. <meta name="image:bottom right image 1" content="http://i.imgur.com/4Vm0Uxp.png" />
  61.  
  62. <meta name="text:Link1" content="" />
  63. <meta name="text:Link1URL" content=""/>
  64. <meta name="text:Link2" content="" />
  65. <meta name="text:Link2URL" content=""/>
  66. <meta name="text:Link3" content="" />
  67. <meta name="text:Link3URL" content=""/>
  68. <meta name="text:Link4" content="" />
  69. <meta name="text:Link4URL" content=""/>
  70. <meta name="text:Link5" content="" />
  71. <meta name="text:Link5URL" content=""/>
  72. <meta name="text:Link6" content="" />
  73. <meta name="text:Link6URL" content=""/>
  74. <meta name="text:Link7" content="" />
  75. <meta name="text:Link7URL" content=""/>
  76. <meta name="text:Link8" content="" />
  77. <meta name="text:Link8URL" content=""/>
  78. <meta name="text:SecondDescription" content=""/>
  79. <meta name="text:MusicPlayer" content="" />
  80.  
  81. <meta name="if:RightBottomImages" content="1" />
  82. <meta name="if:SecondaryImages" content="1" />
  83. </head>
  84. <style>
  85. body {
  86. background:url({image:background}) {color:background} fixed;
  87. color:{color:text};
  88. font-family:'Varela Round', sans-serif;
  89. font-size:12px;
  90. text-align:justify;
  91. }
  92.  
  93. a:link {
  94. color:{color:link};
  95. font-family:Arvo, serif;
  96. font-size:11px;
  97. text-decoration:none;
  98. }
  99.  
  100. a:visited,a:hover {
  101. color:{color:link hover};
  102. }
  103.  
  104. blockquote {
  105. background:{color:blockquote bg};
  106. border-left:5px solid {color:blockquote border};
  107. color:{color:blockquote};
  108. padding:5px;
  109. }
  110.  
  111. pre {
  112. background:{color:blockquote bg};
  113. color:{color:blockquote};
  114. padding:5px;
  115. }
  116.  
  117. #bar1 {
  118. background:{color:top bar};
  119. color:{color:blog title};
  120. font-family:Arvo, serif;
  121. font-size:20px;
  122. left:0;
  123. padding:6px;
  124. position:fixed;
  125. text-align:center;
  126. text-transform:uppercase;
  127. top:0;
  128. width:100%;
  129. z-index:15;
  130. }
  131.  
  132. #bar2 {
  133. background:{color:bottom bar};
  134. bottom:0;
  135. font-family:Arvo, serif;
  136. font-size:15px;
  137. left:0;
  138. padding:7px;
  139. position:fixed;
  140. text-align:center;
  141. width:100%;
  142. z-index:15;
  143. }
  144.  
  145. #image1 {
  146. border-radius:0 0 300px 0;
  147. left:0;
  148. position:fixed;
  149. top:0;
  150. width:300px;
  151. height:300px;
  152. z-index:20;
  153. }
  154.  
  155. #image1 .cr {
  156. -moz-box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  157. -moz-transition:all 2s ease-in-out;
  158. -ms-transition:all 2s ease-in-out;
  159. -o-transition:all 2s ease-in-out;
  160. -webkit-box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  161. -webkit-transition:all 2s ease-in-out;
  162. border-bottom:10px solid rgba(250,250,250,.4);
  163. border-radius:0 0 300px 0;
  164. border-right:10px solid rgba(250,250,250,.4);
  165. box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  166. display:block;
  167. margin:0;
  168. padding:0;
  169. transition:all 2s ease-in-out;
  170. }
  171.  
  172. #image2 {
  173. border-radius:300px 0 0 0;
  174. bottom:0;
  175. height:300px;
  176. position:fixed;
  177. right:0;
  178. width:300px;
  179. z-index:20;
  180. }
  181.  
  182. #image2 .cr {
  183. -moz-box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  184. -moz-transition:all 2s ease-in-out;
  185. -ms-transition:all 2s ease-in-out;
  186. -o-transition:all 2s ease-in-out;
  187. -webkit-box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  188. -webkit-transition:all 2s ease-in-out;
  189. border-left:10px solid rgba(250,250,250,.4);
  190. border-radius:300px 0 0 0;
  191. border-top:10px solid rgba(250,250,250,.4);
  192. box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  193. display:block;
  194. transition:all 2s ease-in-out;
  195. }
  196.  
  197. #linked1 {
  198. left:320px;
  199. position:fixed;
  200. top:50px;
  201. z-index:30;
  202. }
  203.  
  204. #linked2 {
  205. -ms-transform:rotate(180deg);
  206. -webkit-transform:rotate(180deg);
  207. bottom:50px;
  208. position:fixed;
  209. right:300px;
  210. transform:rotate(180deg);
  211. z-index:30;
  212. }
  213.  
  214. .bubb {
  215. -moz-transition:all 1s ease-in-out;
  216. -ms-transition:all 1s ease-in-out;
  217. -o-transition:all 1s ease-in-out;
  218. -webkit-transition:all 1s ease-in-out;
  219. background:{color:bubble link bg};
  220. border:5px double {color:bubble link border};
  221. border-radius:100%;
  222. height:15px;
  223. margin-bottom:25px;
  224. padding:10px;
  225. text-align:center;
  226. transition:all 1s ease-in-out;
  227. width:15px;
  228. }
  229.  
  230. .bubb img {
  231. border:none;
  232. border-radius:0;
  233. width:100%;
  234. }
  235.  
  236. .nom {
  237. -ms-transform:rotate(180deg);
  238. -webkit-transform:rotate(180deg);
  239. transform:rotate(180deg);
  240. }
  241.  
  242. #image1:hover .bubb,#image2:hover .bubb {
  243. border:5px double {color:bubble link hover 2 border};
  244. }
  245.  
  246. #image1:hover .bubb:hover,#image2:hover .bubb:hover {
  247. -ms-transform:rotate(360deg);
  248. -webkit-transform:rotate(360deg);
  249. background:{bubble link hover bg};
  250. border:5px groove {color:bubble link hover 2 border};
  251. transform:rotate(360deg);
  252. }
  253.  
  254. #desc {
  255. background:{color:description bg};
  256. color:{color:description};
  257. left:0;
  258. max-height:150px;
  259. overflow:auto;
  260. padding:10px 60px;
  261. position:fixed;
  262. top:400px;
  263. width:310px;
  264. z-index:20;
  265. }
  266.  
  267. #updates {
  268. background:{color:description bg};
  269. color:{color:description};
  270. border-radius:0 0 20px 20px;
  271. height:200px;
  272. left:1050px;
  273. overflow:auto;
  274. padding:10px;
  275. position:fixed;
  276. top:35px;
  277. width:200px;
  278. z-index:20;
  279. }
  280.  
  281. {block:ifSecondaryImages}#addimg1 {
  282. -moz-box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  283. -moz-transition:all 1s ease-in-out;
  284. -ms-transition:all 1s ease-in-out;
  285. -o-transition:all 1s ease-in-out;
  286. -webkit-box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  287. -webkit-transition:all 1s ease-in-out;
  288. border-bottom:10px solid rgba(250,250,250,.4);
  289. border-radius:0 0 300px 0;
  290. border-right:10px solid rgba(250,250,250,.4);
  291. box-shadow:3px 4px 5px 0 rgba(0,0,0,0.49);
  292. display:block;
  293. margin-left:-320px;
  294. margin-top:-320px;
  295. position:absolute;
  296. transition:all 1s ease-in-out;
  297. }
  298.  
  299. #addimg2 {
  300. -moz-box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  301. -moz-transition:all 1s ease-in-out;
  302. -ms-transition:all 1s ease-in-out;
  303. -o-transition:all 1s ease-in-out;
  304. -webkit-box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  305. -webkit-transition:all 1s ease-in-out;
  306. border-left:10px solid rgba(250,250,250,.4);
  307. border-radius:300px 0 0 0;
  308. border-top:10px solid rgba(250,250,250,.4);
  309. box-shadow:-3px -2px 5px 0 rgba(0,0,0,0.49);
  310. display:block;
  311. margin-left:320px;
  312. margin-top:320px;
  313. position:absolute;
  314. transition:all 1s ease-in-out;
  315. }
  316.  
  317. #image1:hover #addimg1,#image2:hover #addimg2 {
  318. -ms-transform:rotate(360deg);
  319. -webkit-transform:rotate(360deg);
  320. margin-left:0;
  321. margin-top:0;
  322. transform:rotate(360deg);
  323. }
  324.  
  325. #image1:hover .cr,#image2:hover .cr {
  326. opacity:0;
  327. }{/block:ifSecondaryImages}
  328.  
  329. #posts {
  330. background:{color:container};
  331. border-left:10px solid {color:container border};
  332. border-right:10px solid {color:container border};
  333. margin:35px 0 0 415px;
  334. padding:20px 20px 50px;
  335. position:relative;
  336. width:450px;
  337. }
  338.  
  339. .post {
  340. background:{color:posts};
  341. border:1px solid {color:posts border};
  342. padding:25px;
  343. width:400px;
  344. }
  345.  
  346. #mar {
  347. font-weigh:700;
  348. margin-top:-25px;
  349. position:absolute;
  350. right:-65px;
  351. width:60px;
  352. }
  353.  
  354. .date,.reblog {
  355. background:{color:date and reblog bg};
  356. color:{color:date and reblog text};
  357. display:block;
  358. font-family:Arvo, serif;
  359. font-weight:700;
  360. margin-bottom:5px;
  361. padding:10px;
  362. text-align:Center;
  363. }
  364.  
  365. .reblog {
  366. font-size:10px;
  367. font-style:italic;
  368. padding:5px;
  369. }
  370.  
  371. .month {
  372. color:{color:month};
  373. font-size:15px;
  374. font-style:italic;
  375. text-transform:uppercase;
  376. }
  377.  
  378. .dated {
  379. font-size:10px;
  380. }
  381.  
  382. .tags {
  383. color:{color:tags};
  384. font-size:9px;
  385. margin-bottom:20px;
  386. margin-top:5px;
  387. text-align:center;
  388. text-transform:uppercase;
  389. }
  390.  
  391. .tags a {
  392. color:{color:tags};
  393. font-size:9px;
  394. }
  395.  
  396. .tags img {
  397. opacity:.7;
  398. width:10px;
  399. }
  400.  
  401. ::-webkit-scrollbar {
  402. width:9px;
  403. }
  404.  
  405. ::-webkit-scrollbar-track {
  406. background:{color:blog title};
  407. border:4px solid {color:top bar};
  408. }
  409.  
  410. ::-webkit-scrollbar-thumb {
  411. background:{color:blog title};
  412. border-radius:5px;
  413. }
  414.  
  415. h2 {
  416. border-bottom:5px double {color:post title};
  417. color:{color:post title};
  418. font-family:Arvo, serif;
  419. font-size:25px;
  420. font-weight:700;
  421. margin-left:5%;
  422. margin-top:0;
  423. padding-bottom:5px;
  424. text-align:center;
  425. text-transform:capitalize;
  426. width:90%;
  427. }
  428.  
  429. #posts img,.html_photoset {
  430. -moz-transition:all 1s ease-in-out;
  431. -ms-transition:all 1s ease-in-out;
  432. -o-transition:all 1s ease-in-out;
  433. -webkit-transition:all 1s ease-in-out;
  434. opacity:.8;
  435. transition:all 1s ease-in-out;
  436. }
  437.  
  438. #pagination a {
  439. background:{color:page number bg};
  440. color:{color:page number};
  441. font-weight:700;
  442. margin-left:1px;
  443. padding:10px;
  444. text-transform:uppercase;
  445. }
  446.  
  447. #pagination .current_page {
  448. background:{color:page number};
  449. color:{color:page number bg};
  450. padding:7px;
  451. }
  452.  
  453. #albumart {
  454. height:400px;
  455. width:400px;
  456. }
  457.  
  458. #albumart:hover .muzik {
  459. -moz-transition:all 1s ease-in-out;
  460. -ms-transition:all 1s ease-in-out;
  461. -o-transition:all 1s ease-in-out;
  462. -webkit-transition:all 1s ease-in-out;
  463. opacity:1;
  464. transition:all 1s ease-in-out;
  465. }
  466.  
  467. .muzik {
  468. margin-left:0;
  469. margin-top:50%;
  470. opacity:.7;
  471. position:absolute;
  472. z-index:13;
  473. }
  474.  
  475. .muzik ul {
  476. margin-left:-40px;
  477. text-align:center;
  478. width:400px;
  479. }
  480.  
  481. .muzik li {
  482. display:block;
  483. padding:5px;
  484. }
  485.  
  486. .muzik .enough {
  487. background:{color:music post artist and album bg};
  488. color:{color:music post artist and album};
  489. }
  490.  
  491. .muzik .fair {
  492. background:{color:music post album and plays bg};
  493. color:{color:music post album and plays};
  494. }
  495.  
  496. #audioplayer {
  497. background:#fff;
  498. margin-top:-13px;
  499. text-align:center;
  500. }
  501.  
  502. .tumblr_audio_player {
  503. width:50px;
  504. }
  505.  
  506. .chat ul {
  507. list-style:none;
  508. margin:0;
  509. padding:0;
  510. }
  511.  
  512. .odd b {
  513. color:{color:chat label 1};
  514. }
  515.  
  516. .even b {
  517. color:{color:chat label 2};
  518. }
  519.  
  520. .chat li {
  521. border-bottom:1px solid {color:chat line border};
  522. }
  523.  
  524. .chat .odd {
  525. background:{color:chat bg 1};
  526. color:{color:chat 1};
  527. padding:10px;
  528. }
  529.  
  530. .chat .even {
  531. background:{color:chat bg 2};
  532. color:{color:chat 2};
  533. padding:10px;
  534. }
  535.  
  536. .ask {
  537. background:{color:question};
  538. color:{color:question text};
  539. min-height:100px;
  540. padding:5px;
  541. }
  542.  
  543. .ask img {
  544. border:5px solid {color:asker bg};
  545. float:left;
  546. margin-right:5px;
  547. opacity:1;
  548. }
  549.  
  550. .username {
  551. background:{color:asker bg};
  552. color:{color:asker};
  553. margin-bottom:5px;
  554. padding:5px;
  555. text-transform:uppercase;
  556. }
  557.  
  558. .username a:link {
  559. color:{color:asker};
  560. font-family:'Varela Round', sans-serif;
  561. }
  562.  
  563. #musicplayer {
  564. -moz-transition:all .5s ease;
  565. -o-transition:all .5s ease;
  566. -webkit-border-radius:10px 10px 10px 10px;
  567. -webkit-transition:all .5s ease;
  568. background-color:#fff;
  569. border-radius:10px 10px 10px 10px;
  570. color:#000;
  571. font-size:9px;
  572. height:70px;
  573. left:260px;
  574. opacity:1;
  575. padding-left:5px;
  576. padding-right:5px;
  577. padding-top:5px;
  578. position:fixed;
  579. text-align:center;
  580. top:400px;
  581. width:150px;
  582. z-index:19;
  583. }
  584.  
  585. #musicplayer:hover {
  586. top:360px;
  587. }
  588.  
  589. #musicplayer:hover #music {
  590. background:#fff;
  591. color:#000;
  592. margin-left:75px;
  593. opacity:1;
  594. }
  595.  
  596. #music {
  597. -moz-transition:all .5s ease;
  598. -o-transition:all .5s ease;
  599. -webkit-border-radius:10px 10px 0 0;
  600. -webkit-transition:all .5s ease;
  601. background:{color:description bg};
  602. color:{color:description};
  603. border-radius:10px 10px 0 0;
  604. font-family:consolas;
  605. font-size:8px;
  606. height:30px;
  607. margin-left:5px;
  608. margin-top:-30px;
  609. opacity:1;
  610. padding-top:8px;
  611. text-align:center;
  612. text-transform:uppercase;
  613. width:80px;
  614. }
  615.  
  616. #musik {
  617. overflow:hidden;
  618. padding:6px;
  619. width:145px;
  620. z-index:9999;
  621. }
  622.  
  623. #play {
  624. margin-left:50px;
  625. position:fixed;
  626. top:350px;
  627. }
  628.  
  629. .quote {
  630. font-size:20px;
  631. text-align:center;
  632. }
  633.  
  634. .quote .first {
  635. color:{color:quote apostrophes};
  636. font-size:25px;
  637. }
  638.  
  639. .sourced {
  640. background:{color:quote source bg};
  641. color:{color:quote source};
  642. margin-top:5px;
  643. padding:5px;
  644. text-align:center;
  645. }
  646.  
  647. #dhtmltooltip {
  648. background:{color:top bar};
  649. border-radius:10px;
  650. color:{color:blog title};
  651. filter:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  652. padding:10px;
  653. position:absolute;
  654. visibility:hidden;
  655. z-index:100;
  656. }
  657.  
  658. #posts img:hover,.html_photoset:hover,#albumart img {
  659. opacity:1;
  660. }
  661.  
  662. .notes {
  663. max-height:150px;
  664. padding:10px;
  665. overflow:auto;
  666. }
  667.  
  668. .note {
  669. list-style:none;
  670. margin-left:-40px;
  671. background:{color:top bar};
  672. text-align:center;
  673. color:{color:post title};
  674. padding:5px;
  675. margin-bottom:1px;
  676. }
  677. </style>
  678. <body>
  679. <div id="dhtmltooltip"></div>
  680.  
  681. <script type="text/javascript">
  682.  
  683. /***********************************************
  684. * Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  685. * This notice MUST stay intact for legal use
  686. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  687. ***********************************************/
  688.  
  689. var offsetxpoint=-60 //Customize x offset of tooltip
  690. var offsetypoint=20 //Customize y offset of tooltip
  691. var ie=document.all
  692. var ns6=document.getElementById && !document.all
  693. var enabletip=false
  694. if (ie||ns6)
  695. var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
  696.  
  697. function ietruebody(){
  698. return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
  699. }
  700.  
  701. function ddrivetip(thetext, thecolor, thewidth){
  702. if (ns6||ie){
  703. if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
  704. if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
  705. tipobj.innerHTML=thetext
  706. enabletip=true
  707. return false
  708. }
  709. }
  710.  
  711. function positiontip(e){
  712. if (enabletip){
  713. var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
  714. var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
  715. //Find out how close the mouse is to the corner of the window
  716. var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
  717. var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
  718.  
  719. var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
  720.  
  721. //if the horizontal distance isn't enough to accomodate the width of the context menu
  722. if (rightedge<tipobj.offsetWidth)
  723. //move the horizontal position of the menu to the left by it's width
  724. tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
  725. else if (curX<leftedge)
  726. tipobj.style.left="5px"
  727. else
  728. //position the horizontal position of the menu where the mouse is positioned
  729. tipobj.style.left=curX+offsetxpoint+"px"
  730.  
  731. //same concept with the vertical position
  732. if (bottomedge<tipobj.offsetHeight)
  733. tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
  734. else
  735. tipobj.style.top=curY+offsetypoint+"px"
  736. tipobj.style.visibility="visible"
  737. }
  738. }
  739.  
  740. function hideddrivetip(){
  741. if (ns6||ie){
  742. enabletip=false
  743. tipobj.style.visibility="hidden"
  744. tipobj.style.left="-1000px"
  745. tipobj.style.backgroundColor=''
  746. tipobj.style.width=''
  747. }
  748. }
  749.  
  750. document.onmousemove=positiontip
  751.  
  752. </script>
  753.  
  754. {block:ifMusicPlayer}<div id="musicplayer">
  755. <div id="music">
  756. <img src="http://media.tumblr.com/tumblr_m9c4muf9vS1rto88t.gif">
  757. Music Player
  758. </div>
  759. <div id="musik">
  760. <center>
  761. {text:MusicPlayer}
  762. </div>
  763. </div>{/block:ifMusicPlayer}
  764.  
  765. <div id="bar1">
  766. {title}
  767. </div>
  768.  
  769. <div id="bar2">
  770. {block:Pagination}
  771. <div id="pagination">
  772. {block:PreviousPage}
  773. <a href="{PreviousPage}">
  774. «
  775. </a>
  776. &nbsp;&nbsp;{/block:PreviousPage} {block:JumpPagination length="5"} {block:CurrentPage}
  777. <span class="current_page">
  778. ✘
  779. </span>
  780. &nbsp;&nbsp;{/block:CurrentPage} {block:JumpPage}
  781. <a class="jump_page" href="{URL}">
  782. {PageNumber}
  783. </a>
  784. &nbsp;&nbsp;{/block:JumpPage} {/block:JumpPagination} {block:NextPage}
  785. <a href="{NextPage}">
  786. »
  787. </a>
  788. {/block:NextPage}
  789. </div>
  790. {/block:Pagination}
  791. </div>
  792.  
  793. <div id="desc">
  794. {description}
  795. </div>
  796.  
  797. {block:ifSecondDescription}<div id="updates">
  798. {text:SecondDescription}
  799. </div>{/block:ifSecondDescription}
  800.  
  801. <div id="image1">
  802. {block:ifSecondaryImages}<img src="{image:top left image 2}" id="addimg1" />{/block:ifSecondaryImages}
  803. <img src="{image:top left image 1}" class="cr" />
  804. <div id="linked1">
  805. <a href="/" onMouseover="ddrivetip('Refresh')";
  806. onMouseout="hideddrivetip()">
  807. <div class="bubb">
  808. <img src="http://i.imgur.com/GOIqcNc.png" />
  809. </div>
  810. </a>
  811. <a href="/ask" onMouseover="ddrivetip('Message Me')";
  812. onMouseout="hideddrivetip()">
  813. <div class="bubb" style="margin-left:-15px;">
  814. <img src="http://i.imgur.com/X3kpPBL.png" />
  815. </div>
  816. </a>
  817. <a href="/archive" onMouseover="ddrivetip('Archive')";
  818. onMouseout="hideddrivetip()">
  819. <div class="bubb" style="margin-left:-50px;">
  820. <img src="http://i.imgur.com/fWWfZgy.png" />
  821. </div>
  822. </a>
  823. <a href="http://hellolittlered.org" onMouseover="ddrivetip('Theme Credit')";
  824. onMouseout="hideddrivetip()">
  825. <div class="bubb" style="margin-left:-100px;margin-top:-10px">
  826. <img src="http://i.imgur.com/4HZJp4O.png" />
  827. </div>
  828. </a>
  829. {block:ifLink1}<a href="{text:Link1URL}" onMouseover="ddrivetip('{text:Link1}')";
  830. onMouseout="hideddrivetip()">
  831. <div class="bubb" style="margin-left:-170px;margin-top:-25px;">
  832. <img src="http://i.imgur.com/7oEDkUA.png" />
  833. </div>
  834. </a>{/block:ifLink1}
  835. {block:ifLink2}<a href="{text:Link2URL}" onMouseover="ddrivetip('{text:Link2}')";
  836. onMouseout="hideddrivetip()">
  837. <div class="bubb" style="margin-left:-250px;margin-top:-40px">
  838. <img src="http://i.imgur.com/7oEDkUA.png" />
  839. </div>
  840. </a>{/block:ifLink2}
  841. </div>
  842. </div>
  843.  
  844. {block:ifRightBottomImages}<div id="image2">
  845. {block:ifSecondaryImages}<img src="{image:bottom right image 2}" id="addimg2" />{/block:ifSecondaryImages}
  846. <img src="{image:bottom right image 1}" class="cr" />
  847. <div id="linked2">
  848. {block:ifLink3}<a href="{text:Link3URL}" onMouseover="ddrivetip('{text:Link3}')";
  849. onMouseout="hideddrivetip()">
  850. <div class="bubb">
  851. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  852. </div>
  853. </a>{/block:ifLink3}
  854. {block:ifLink4}<a href="{text:Link4URL}" onMouseover="ddrivetip('{text:Link4}')";
  855. onMouseout="hideddrivetip()">
  856. <div class="bubb" style="margin-left:-15px;">
  857. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  858. </div>
  859. </a>{/block:ifLink4}
  860. {block:ifLink5}<a href="{text:Link5URL}" onMouseover="ddrivetip('{text:Link5}')";
  861. onMouseout="hideddrivetip()">
  862. <div class="bubb" style="margin-left:-50px;">
  863. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  864. </div>
  865. </a>{/block:ifLink5}
  866. {block:ifLink6}<a href="{text:Link6URL}" onMouseover="ddrivetip('{text:Link6}')";
  867. onMouseout="hideddrivetip()">
  868. <div class="bubb" style="margin-left:-100px;margin-top:-10px">
  869. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  870. </div>
  871. </a>{/block:ifLink6}
  872. {block:ifLink7}<a href="{text:Link7URL}" onMouseover="ddrivetip('{text:Link7}')";
  873. onMouseout="hideddrivetip()">
  874. <div class="bubb" style="margin-left:-170px;margin-top:-25px;">
  875. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  876. </div>
  877. </a>{/block:ifLink7}
  878. {block:ifLink8}<a href="{text:Link8URL}" onMouseover="ddrivetip('{text:Link8}')";
  879. onMouseout="hideddrivetip()">
  880. <div class="bubb" style="margin-left:-250px;margin-top:-40px">
  881. <img src="http://i.imgur.com/7oEDkUA.png" class="nom" />
  882. </div>
  883. </a>{/block:ifLink8}
  884. </div>
  885. </div>{/block:ifRightBottomImages}
  886.  
  887. <div id="posts">
  888. {block:posts}
  889. <div class="post">
  890. <div id="mar">
  891. {block:Date}
  892. <a href="{permalink}">
  893. <div class="date">
  894. <span class="month">
  895. {ShortMonth}
  896. </span>
  897. <br />
  898. <span class="dated">
  899. {DayOfMonthWithZero}{DayOfMonthSuffix}
  900. </span>
  901. </div>
  902. </a>
  903. {/block:Date}
  904. <a href="{ReblogURL}">
  905. <div class="reblog">
  906. REBLOG
  907. </div>
  908. </a>
  909. </div>
  910.  
  911. {block:Text}{block:Title}
  912. <a href="{Permalink}">
  913. <h2>
  914. {Title}
  915. </h2>
  916. </a>
  917. {/block:Title}{Body}{/block:Text}
  918.  
  919. {block:Quote}
  920. <div class="quote">
  921. <span class="first">“ </span>
  922. {Quote}
  923. <span class="first">”</span>
  924. </div>
  925. <div class="sourced">
  926. — {Source}
  927. </div>
  928. {/block:Quote}
  929.  
  930. {block:Link}
  931. <a href="{URL}">
  932. <h2>
  933. {Name} »
  934. </h2>
  935. </a>
  936. {block:Description}
  937. <p>
  938. {Description}
  939. </p>
  940. {/block:Description}{/block:Link}
  941.  
  942. {block:Photo}
  943. <center>
  944. <img src="{PhotoURL-400}"/>
  945. </center>
  946. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  947.  
  948. {block:Photoset}
  949. <center>
  950. {Photoset-400}
  951. </center>
  952. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  953.  
  954. {block:Chat}
  955. <div class="chat">
  956. <ul>
  957. {block:Lines}
  958. <li class="{Alt}">
  959. {block:Label}
  960. <b>
  961. {Label}
  962. </b>
  963. {/block:Label}{Line}
  964. </li>
  965. {/block:Lines}
  966. </ul>
  967. </div>
  968. {/block:Chat}
  969.  
  970. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  971.  
  972. {block:Answer}
  973. <div class="ask">
  974. <img src="{AskerPortraitURL-128}" width="100px" style="opacity:1;">
  975. <div class="username">
  976. {Asker} Whispered:
  977. </div>
  978. {question}
  979. </div>
  980.  
  981. {Answer}
  982. {/block:Answer}
  983.  
  984. {block:Audio}
  985. <div class"content">
  986. <div id="albumart">
  987.  
  988. <div class="muzik">
  989. <ul>
  990.  
  991. {block:Artist}
  992. <li class="enough">
  993. {Artist}
  994. </li>
  995. {/block:Artist}
  996. {block:Album}
  997. <li class="fair">
  998. {Album}
  999. </li>
  1000. {/block:Album}
  1001. {block:TrackName}
  1002. <li class="enough">
  1003. {TrackName}
  1004. </li>
  1005. {/block:TrackName}
  1006. <li class="fair">
  1007. {PlayCountWithLabel}
  1008. </li>
  1009. </ul>
  1010. <div id="audioplayer">
  1011. {AudioPlayerWhite}
  1012. </div>
  1013.  
  1014. </div>
  1015. {block:AlbumArt}
  1016. <img src="{AlbumArtURL}" width="400">
  1017. {/block:AlbumArt}
  1018.  
  1019. </div>
  1020.  
  1021. {block:Caption}
  1022. <p>
  1023. {Caption}
  1024. </p>
  1025. {/block:Caption}
  1026. </div>
  1027. {/block:Audio}
  1028. </div>
  1029.  
  1030. <div class="tags">
  1031. {block:NoteCount}
  1032. <a href="{permalink}">
  1033. {NoteCountWithLabel}
  1034. </a>
  1035. {/block:NoteCount} {block:RebloggedFrom} //
  1036. <a href="{ReblogParentURL}">
  1037. {ReblogParentName}
  1038. </a>
  1039. //
  1040. <a href="{ReblogRootURL}">
  1041. {ReblogRootName}
  1042. </a>
  1043. <br>
  1044. {/block:RebloggedFrom}
  1045. {block:Tags}
  1046. <a href="{TagURL}">
  1047. <img src="http://i.imgur.com/OmAIUcK.png" />
  1048. {tag}
  1049. </a>
  1050. {/block:Tags}
  1051. </div>
  1052. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1053. {/block:posts}
  1054. </div>
  1055. </body>
  1056. </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!