API tools faq
paste
Advertisement
kingdap

Eternity

kingdap
Jun 25th, 2013
1,106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.83 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------------------------------
  2. Eternity by megidolaon-for-everyone
  3.  
  4. Credits:
  5. Q&A Posts: excolo
  6. Back to Top: manatopia
  7. Link Hover: pohroro
  8. Monochrome: html-and-etc
  9. Icons: Sanscons
  10. Inspired by: soonjunthemes
  11.  
  12. Please keep the credits intact! You're free to make changes to the theme, but only for personal use.
  13.  
  14. -------------------------------------------------------------------------->
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19.  
  20. <head>
  21.  
  22. <meta name= "image:Background" content="http://static.tumblr.com/c3d9aa87afbb8b32ddc70339b208e01e/fp8s385/0K9moxcaz/tumblr_static_bg.png">
  23. <meta name= "image:Sidebar" content="http://static.tumblr.com/3e4e002fdcfb96aa6bd811ac025be9e3/fp8s385/VlDmoxafx/tumblr_static_awww.png">
  24.  
  25. <meta name= "color:Background" content="#fff">
  26. <meta name= "color:Post Background" content="#ffffff">
  27. <meta name= "color:Post Border" content="#ccc">
  28.  
  29. <meta name= "color:Sidebar Border" content="#ccc">
  30. <meta name= "color:Description" content="#818181">
  31. <meta name= "color:Side Link" content="#abadad">
  32. <meta name= "color:Side Link Line" content="#636262">
  33. <meta name= "color:Side Link Hover" content="#eeecec">
  34. <meta name= "color:Title" content="#c7c8c9">
  35. <meta name= "color:Title Hover" content="#999797">
  36.  
  37. <meta name= "color:Text" content="#929292">
  38. <meta name= "color:Track Label" content="#797777">
  39. <meta name= "color:Emphasis Text" content="#d2d2d2">
  40. <meta name= "color:Link Post" content="#b3b1b1">
  41. <meta name= "color:Link Post Hover" content="#dfdcdd">
  42. <meta name= "color:Links" content="#464545">
  43. <meta name= "color:Links Hover" content="#e7e7e7">
  44.  
  45. <meta name= "color:Pagination" content="#696767">
  46. <meta name= "color:Pagination Hover" content="#ddd">
  47. <meta name= "color:Permalink" content="#6f6f6f">
  48. <meta name= "color:Permalink Hover" content="e4e4e4">
  49. <meta name= "color:Tags" content="#a2a0a0">
  50. <meta name= "color:Tags Hover" content="#cecece">
  51.  
  52. <meta name= "color:Chat Label 1" content="#797777">
  53. <meta name= "color:Chat Text 1" content="#888">
  54. <meta name= "color:Chat Label 2" content="#b8b6b6">
  55. <meta name= "color:Chat Text 2" content="#d3d3d3">
  56.  
  57. <meta name= "color:Scrollbar" content="#aaa8a8">
  58. <meta name= "color:Scrollbar Background" content="#ffffff">
  59. <meta name= "color:Back to Top" content="#696767">
  60. <meta name= "color:Back to Top Hover" content="#ddd">
  61.  
  62. <meta name="if:Post Border" content="1">
  63. <meta name="if:Monochrome" content="1">
  64. <meta name="if:400 Post" content="0">
  65. <meta name="if:Show Tags" content="1">
  66. <meta name="if:Infinite Scroll" content="1">
  67. <meta name="if:Captions" content="0">
  68. <meta name="if:Month Day Year" content="0">
  69. <meta name="if:Day Month Year" content="0">
  70. <meta name="if:Year Month Day" content="1">
  71. <meta name="if:12 Hour Time" content="0">
  72.  
  73. <meta name="text:Link 1" content="Link 1"/>
  74. <meta name="text:Link 1 URL" content="/"/>
  75. <meta name="text:Link 2" content="Link 2"/>
  76. <meta name="text:Link 2 URL" content="/"/>
  77. <meta name="text:Link 3" content="Link 3"/>
  78. <meta name="text:Link 3 URL" content="/"/>
  79. <meta name="text:Link 4" content="Link 4"/>
  80. <meta name="text:Link 4 URL" content="/"/>
  81. <meta name="text:Link 5" content="Link 5"/>
  82. <meta name="text:Link 5 URL" content="/"/>
  83. <meta name="text:Music Code" content="/"/>
  84.  
  85. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  86.  
  87. <title>{Title}</title>
  88.  
  89. <link rel="shortcut icon" href="{Favicon}" />
  90.  
  91. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92.  
  93. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  94.  
  95. <style type= "text/css">
  96.  
  97. @font-face {
  98. font-family: 'code';
  99. src: url('http://dl.dropbox.com/s/ym9919y6ynhcnto/CODE%20Bold.otf');
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb:vertical {
  103. background-color:{color:Scrollbar};
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb:horizontal {
  107. background-color:{color:Scrollbar};
  108. }
  109.  
  110. ::-webkit-scrollbar {
  111. background-color:{color:Scrollbar};
  112. border: 2px solid {color:Scrollbar Background};
  113. height:5px;
  114. width:5px;
  115. }
  116.  
  117. body {
  118. background-attachment: fixed;
  119. background-image: url('{image:Background}');
  120. background-color: {color:Background};
  121. font-family: Calibri;
  122. font-size: 10px;
  123. letter-spacing: 0px;
  124. margin-left: 0px;
  125. margin-top: 0px;
  126. }
  127.  
  128. a:link, a:active, a:visited {
  129. text-decoration:none;
  130. border-bottom: 1px solid transparent;
  131. color: {color:Links};
  132. -webkit-transition: all 0.5s ease-out;
  133. -moz-transition: all 0.5s ease-out;
  134. -o-transition: all 0.5s ease-out;
  135. }
  136.  
  137. a:hover {
  138. border-bottom: 1px solid {color:Links};
  139. color: {color:Links Hover};
  140. }
  141.  
  142. b, strong, .strong, i, em, .em {
  143. color:{color:Emphasis Text};
  144. }
  145.  
  146. blockquote {
  147. padding: 3px 0px 3px 7px;
  148. border-left: 2px solid {color:Text};
  149. }
  150.  
  151. iframe#tumblr_controls{
  152. position: fixed;
  153. right: 0px;
  154. top: 0px;
  155. white-space:nowrap;
  156. -webkit-filter: invert(100%);
  157. -moz-filter: invert(100%);
  158. -o-filter: invert(100%);
  159. -ms-filter: invert(100%);
  160. filter: invert(100%);
  161. opacity:0.9;
  162. }
  163.  
  164. div#qTip {
  165. font-family: calibri;
  166. text-transform: UPPERCASE;
  167. font-size: 8px;
  168. display: none;
  169. text-align: left;
  170. position: absolute;
  171. z-index: 99;
  172. letter-spacing: 1px;
  173. background: white;
  174. padding: 1px 2px;
  175. color: {color:Side Link Line};
  176. border: 3px double {color:Sidebar Border};
  177. opacity: 0.9;
  178. }
  179.  
  180. /*TITLE*/
  181. .title {
  182. width: 162px;
  183. font-family: Code;
  184. text-align: center;
  185. font-size: 24px;
  186. margin-top: 3px;
  187. letter-spacing: 1px;
  188. }
  189.  
  190. .title a {
  191. color: {color:Title};
  192. -webkit-transition: all 0.6s ease-out;
  193. -moz-transition: all 0.6s ease-out;
  194. -o-transition: all 0.6s ease-out;
  195. }
  196.  
  197. .title a:hover {
  198. border-bottom: 0px transparent;
  199. color: {color:Title Hover};
  200. }
  201.  
  202. /*SIDEBAR*/
  203. #side {
  204. margin-top: 100px;
  205. margin-left: 125px;
  206. width: 162px;
  207. position: fixed;
  208. }
  209.  
  210. .sideimg img {
  211. padding: 2px;
  212. width: 150px;
  213. border: double 4px {color:Sidebar Border};
  214. z-index: 9999;
  215. }
  216.  
  217. /*LINKS*/
  218. #link {
  219. margin-top: 15px;
  220. position: fixed;
  221. }
  222.  
  223. .links {
  224. font-family: calibri;
  225. font-size: 8px;
  226. letter-spacing: 1px;
  227. line-height: 10px;
  228. text-transform: UPPERCASE;
  229. display: block;
  230. text-align: right;
  231. width: 50px;
  232. padding-bottom: 1px;
  233. padding-top: 5px;
  234. padding-right: 5px;
  235. border-bottom: 1px solid {color:Side Link Line};
  236. margin-left: 0px;
  237. opacity: 0;
  238. z-index: 3;
  239. -webkit-transition: all 0.6s ease-out;
  240. -moz-transition: all 0.6s ease-out;
  241. -o-transition: all 0.6s ease-out;
  242. }
  243.  
  244. #side:hover .links {
  245. margin-left: -55px;
  246. opacity: 1;
  247. }
  248.  
  249. .links a {
  250. color: {color:Side Link};
  251. }
  252.  
  253. .links a:hover {
  254. color: {color:Side Link Hover};
  255. border-bottom: 0px solid transparent;
  256. }
  257.  
  258. /*NAVIGATION*/
  259. #navwoo {
  260. width: 162px;
  261. margin-left: 0px;
  262. }
  263.  
  264. .nav {
  265. display: inline-block;
  266. margin-left: 3px;
  267. margin-right: 3px;
  268. }
  269.  
  270. .nav a:hover {
  271. border: 0px transparent;
  272. }
  273.  
  274. .navm {
  275. display: inline-block;
  276. margin-left: 0px;
  277. margin-right: 3px;
  278. margin-bottom: -2px;
  279. width: 20px;
  280. overflow:hidden;
  281. opacity: 1;
  282. -webkit-transition: all 0.6s ease-out;
  283. -moz-transition: all 0.6s ease-out;
  284. -o-transition: all 0.6s ease-out;
  285. }
  286.  
  287. /*MUSIC PLAYER*/
  288. .billy {
  289. position:fixed;
  290. opacity: 0;
  291. width: 23px;
  292. margin-left: -3px;
  293. margin-top:-20px;
  294. overflow: hidden;
  295. -webkit-transition: all 0.6s ease-out;
  296. -moz-transition: all 0.6s ease-out;
  297. -o-transition: all 0.6s ease-out;
  298. }
  299.  
  300. .billy:hover {
  301. opacity: 1;
  302. }
  303.  
  304. /*DESCRIPTION*/
  305. .desc {
  306. position: fixed;
  307. text-align: center;
  308. font-family: calibri;
  309. z-index: 9999;
  310. overflow: auto;
  311. font-size: 11px;
  312. opacity: 1;
  313. overflow: visible;
  314. color: {color:Description};
  315. width: 154px;
  316. margin-top: -3px;
  317. padding: 0px 4px;
  318. text-align: center;
  319. }
  320.  
  321. .desc a {
  322. color: {color:Description Link};
  323. -webkit-transition: all 0.6s ease-out;
  324. -moz-transition: all 0.6s ease-out;
  325. -o-transition: all 0.6s ease-out;
  326. }
  327.  
  328. .desc a:hover {
  329. color: {color:Description Link Hover};
  330. }
  331.  
  332. /*POST*/
  333. #content {
  334. margin-left: 400px;
  335. margin-top: 50px;
  336. margin-bottom: 17px;
  337. z-index: 9999;
  338. }
  339.  
  340. .posts {
  341. margin-bottom: 30px;
  342. padding: 10px;
  343. font-family: Calibri;
  344. font-size: 11px;
  345. text-align: left;
  346. letter-spacing: 0px;
  347. line-height: 15px;
  348. {block:ifPostBorder}
  349. border: 1px solid {color:Post Border};
  350. {/block:ifPostBorder}
  351. {block:if400Post}
  352. width: 400px;
  353. {/block:if400Post}
  354. {block:ifnot400Post}
  355. width: 500px;
  356. {/block:ifnot400Post}
  357. color: {color:Text};
  358. z-index: 90;
  359. background-color: {color:Post Background};
  360. overflow: visible;
  361. }
  362.  
  363. /*TEXT*/
  364. .ttitle {
  365. font-family: Code;
  366. font-size: 18px;
  367. line-height: 20px;
  368. letter-spacing: 1px;
  369. text-align: right;
  370. padding-bottom: 1px;
  371. padding-right: 5px;
  372. border-bottom: 1px solid {color:Text};
  373. }
  374.  
  375. /*CAPTIONS*/
  376. .caption {
  377. margin-top: -5px;
  378. margin-bottom:-14px;
  379. }
  380.  
  381. /*LINK*/
  382. .ltitle {
  383. font-family: Code;
  384. letter-spacing: 1px;
  385. line-height: 20px;
  386. font-size: 18px;
  387. text-align: right;
  388. padding-bottom: 1px;
  389. padding-right: 5px;
  390. margin-bottom: -8px;
  391. border-bottom: 1px solid {color:Text};
  392. color: {color:Link Post};
  393. -webkit-transition: all 0.7s linear;
  394. -moz-transition: all 0.7s linear;
  395. -o-transition: all 0.7s linear;
  396. }
  397.  
  398. .ltitle a {
  399. color: {color:Link Post};
  400. }
  401.  
  402. .ltitle a:hover {
  403. border-bottom: transparent;
  404. color: {color:Link Post Hover};
  405. }
  406.  
  407. /*CHAT*/
  408. .line.even {
  409. padding: 1px 0px;
  410. color: {color:Chat Text 2};
  411. }
  412.  
  413. .line.even b {
  414. border-bottom: 1px solid {color:Chat Label 2};
  415. color: {color:Chat Label 2};
  416. }
  417.  
  418. .line.odd {
  419. padding:1px 0px;
  420. color: {color:Chat Text 1};
  421. }
  422.  
  423. .line.odd b {
  424. border-bottom: 1px solid {color:Chat Label 1};
  425. color: {color:Chat Label 1};
  426. }
  427.  
  428. /*QUOTE*/
  429. .quote {
  430. font-family: Calibri;
  431. line-height: 15px;
  432. font-size: 12px;
  433. text-align: left;
  434. text-transform: none;
  435. }
  436.  
  437. .source {
  438. text-align: right;
  439. padding-top: 3px;
  440. }
  441.  
  442. /*AUDIO*/
  443. .album {
  444. width: 100px;
  445. height: 100px;
  446. overflow: hidden;
  447. background-color: transparent;
  448. }
  449.  
  450. .album img {
  451. width: 100px;
  452. height: 100px;
  453. overflow: hidden;
  454. }
  455.  
  456. .player {
  457. width: 20px;
  458. height: 27px;
  459. overflow: hidden;
  460. padding-left: 7px;
  461. padding-right: 11px;
  462. padding-top: 5px;
  463. padding-bottom: 6px;
  464. position: absolute;
  465. margin-left: 30px;
  466. margin-top: 33px;
  467. background-color: #fff;
  468. border-radius: 30px;
  469. opacity: 0.9;
  470. z-index: 10;
  471. }
  472.  
  473. .track {
  474. position: absolute;
  475. text-align: right;
  476. font-family: Code;
  477. letter-spacing: 1px;
  478. font-size: 18px;
  479. line-height: 20px;
  480. text-align: right;
  481. padding-bottom: 3px;
  482. margin-left: 110px;
  483. padding-right: 5px;
  484. margin-bottom: 7px;
  485. max-height: 22px;
  486. {block:if400Post}
  487. width: 290px;
  488. {/block:if400Post}
  489. {block:ifnot400Post}
  490. width: 390px;
  491. {/block:ifnot400Post}
  492. }
  493.  
  494. .track b {
  495. text-transform: UPPERCASE;
  496. letter-spacing: 1px;
  497. color: {color:Track Label};
  498. }
  499.  
  500. .artist {
  501. font-family: calibri;
  502. font-size: 11px;
  503. text-align: right;
  504. position: absolute;
  505. {block:if400Post}
  506. width: 290px;
  507. {/block:if400Post}
  508. {block:ifnot400Post}
  509. width: 390px;
  510. {/block:ifnot400Post}
  511. }
  512.  
  513. /*ASK*/
  514. #ask {
  515. margin-left: -5px;
  516. {block:if400Post}
  517. width: 310px;
  518. height: auto;
  519. padding: 5px;
  520. {/block:if400Post}
  521. {block:ifnot400Post}
  522. width: 410px;
  523. height: auto;
  524. padding: 5px;
  525. {/block:ifnot400Post}
  526. color: {color:Text};
  527. }
  528.  
  529. .portrait {
  530. float: left;
  531. }
  532.  
  533. .portrait img {
  534. width: 50px;
  535. height: 50px;
  536. padding: 2px;
  537. border: 4px double {color:Post Border};
  538. }
  539.  
  540. /*PERMALINK*/
  541. .permalink {
  542. width: 75px;
  543. position: absolute;
  544. padding-right: 10px;
  545. padding-top:2px;
  546. padding-left: 10px;
  547. {block:if400Post}
  548. margin-left: 407px;
  549. {/block:if400Post}
  550. {block:ifnot400Post}
  551. margin-left: 507px;
  552. {/block:ifnot400Post}
  553. opacity: 1;
  554. margin-top:-10px;
  555. text-align:left;
  556. z-index: 5;
  557. -webkit-transition: all 0.4s ease-out;
  558. -moz-transition: all 0.4s ease-out;
  559. -o-transition: all 0.4s ease-out;
  560. }
  561.  
  562. .permalink a {
  563. opacity:1;
  564. transition-duration: 0.6s;
  565. -moz-transition-duration: 0.6s;
  566. -webkit-transition-duration: 0.6s;
  567. -o-transition-duration: 0.6s;
  568. }
  569.  
  570. .permalink a:hover {
  571. border: transparent;
  572. }
  573.  
  574. .perm {
  575. opacity: 0;
  576. position: absolute;
  577. font-size: 8px;
  578. line-height: 11px;
  579. text-transform: UPPERCASE;
  580. letter-spacing: 2px;
  581. color: {color:Permalink};
  582. font-family: calibri;
  583. margin-top: -10px;
  584. -webkit-transition: all 0.6s ease-out;
  585. -moz-transition: all 0.6s ease-out;
  586. -o-transition: all 0.6s ease-out;
  587. }
  588.  
  589. .permalink:hover .perm {
  590. opacity: 1;
  591. margin-top: 0px;
  592. }
  593.  
  594. .perm a {
  595. color: {color:Permalink};
  596. -webkit-transition: all 0.6s ease-out;
  597. -moz-transition: all 0.6s ease-out;
  598. -o-transition: all 0.6s ease-out;
  599. }
  600.  
  601. .perm a:hover {
  602. color: {color:Permalink Hover};
  603. border: transparent;
  604. }
  605.  
  606. /*TAGS*/
  607. .tags {
  608. opacity: 1;
  609. font-family: calibri;
  610. text-transform: UPPERCASE;
  611. font-size: 8px;
  612. line-height:10px;
  613. margin-top: -25px;
  614. margin-bottom: 35px;
  615. margin-left:7px;
  616. letter-spacing: 1px;
  617. color:{color:Tags};
  618. z-index:1000;
  619. {block:if400Post}
  620. width: 400px;
  621. {/block:if400Post}
  622. {block:ifnot400Post}
  623. width:500px;
  624. {/block:ifnot400Post}
  625. -webkit-transition: all 0.6s ease-in-out;
  626. -moz-transition: all 0.6s ease-in-out;
  627. -o-transition: all 0.6s ease-in-out;
  628. -ms-transition: all 0.6s ease-in-out;
  629. transition: all 0.6s ease-in-out;
  630. }
  631.  
  632. .tags a {
  633. color:{color:Tags};
  634. }
  635.  
  636. .tags a:hover {
  637. color:{color:Tags Hover};
  638. border: transparent;
  639. }
  640.  
  641. /*PAGINATION*/
  642. .next {
  643. width: 76px;
  644. margin-left: 76px;
  645. padding: 2px 5px;
  646. position: fixed;
  647. text-align: right;
  648. margin-top: -16px;
  649. -webkit-transition: all 0.6s ease-in-out;
  650. -moz-transition: all 0.6s ease-in-out;
  651. -o-transition: all 0.6s ease-in-out;
  652. -ms-transition: all 0.6s ease-in-out;
  653. transition: all 0.6s ease-in-out;
  654. }
  655.  
  656. .next a, .back a {
  657. color: {color:Pagination};
  658. }
  659.  
  660. .next a:hover, .back a:hover {
  661. color: {color:Pagination Hover};
  662. border: transparent;
  663. }
  664.  
  665. .back {
  666. width: 76px;
  667. padding: 2px 5px;
  668. position: fixed;
  669. text-align: left;
  670. margin-top: -16px;
  671. -webkit-transition: all 0.6s ease-in-out;
  672. -moz-transition: all 0.6s ease-in-out;
  673. -o-transition: all 0.6s ease-in-out;
  674. -ms-transition: all 0.6s ease-in-out;
  675. transition: all 0.6s ease-in-out;
  676. }
  677.  
  678. /*ZOOM*/
  679. #scrollToTop:link, #scrollToTop:visited {
  680. color: {color:Back to Top};
  681. font-size: 30px;
  682. background-color: transparent;
  683. display: none;
  684. position: fixed;
  685. bottom: 5px;
  686. right: 10px;
  687. border: 0px transparent;
  688. }
  689.  
  690. #scrollToTop:hover {
  691. color: {color:Back to Top Hover};
  692. border: 0px transparent;
  693. }
  694.  
  695. /*PERMALINK PAGE*/
  696. .notess {
  697. font-family: Calibri;
  698. text-align: left;
  699. font-size: 11px;
  700. padding: 10px;
  701. {block:ifPostBorder}
  702. border: 1px solid {color:Post Border};
  703. {/block:ifPostBorder}
  704. background-color: {color:Post Background};
  705. color: {color:Text};
  706. {block:if400Post}
  707. width: 400px;
  708. {/block:if400Post}
  709. {block:ifnot400Post}
  710. width:500px;
  711. {/block:ifnot400Post}
  712. }
  713.  
  714. /*MONOCHROME*/
  715. .photo {
  716. filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  717. filter: gray; /* IE6-9 */
  718. -webkit-filter: grayscale(1);
  719. -webkit-transition: all 0.5s ease-in-out;
  720. -moz-transition: all 0.5s ease-in-out;
  721. -o-transition: all 0.5s ease-in-out;
  722. -ms-transition: all 0.5s ease-in-out;
  723. transition: all 0.5s ease-in-out;
  724. }
  725.  
  726. .photo:hover{
  727. filter: none;
  728. -webkit-filter: grayscale(0);
  729. -webkit-transition: all 0.7s ease-in-out;
  730. -moz-transition: all 0.7s ease-in-out;
  731. -o-transition: all 0.7s ease-in-out;
  732. }
  733.  
  734. </style>
  735.  
  736.  
  737. </head>
  738.  
  739. <body>
  740.  
  741. <div id="side">
  742.  
  743. <div id="link">
  744.  
  745. {block:ifLink1}
  746. <div class="links">
  747. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  748. </div>
  749. {/block:ifLink1}
  750.  
  751. {block:ifLink2}
  752. <div class="links">
  753. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  754. </div>
  755. {/block:ifLink2}
  756.  
  757. {block:ifLink3}
  758. <div class="links">
  759. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  760. </div>
  761. {/block:ifLink3}
  762.  
  763. {block:ifLink4}
  764. <div class="links">
  765. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  766. </div>
  767. {/block:ifLink4}
  768.  
  769. {block:ifLink5}
  770. <div class="links">
  771. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  772. </div>
  773. {/block:ifLink5}
  774.  
  775. </div>
  776.  
  777. {block:ifnotInfiniteScroll}
  778. {block:Pagination}
  779.  
  780. {block:PreviousPage}
  781. <div class="back">
  782. <a href="{PreviousPage}">↼previous</a>
  783. </div>
  784. {/block:PreviousPage}
  785.  
  786. {block:NextPage}
  787. <div class="next">
  788. <a href="{NextPage}">next⇀</a>
  789. </div>
  790. {/block:NextPage}
  791.  
  792. {/block:Pagination}
  793. {/block:ifnotInfiniteScroll}
  794.  
  795. <div class="sideimg">
  796.  
  797. {block:ifMonochrome}
  798. <div class="photo">
  799. <img src="{image:Sidebar}">
  800. </div>
  801. {/block:ifMonochrome}
  802.  
  803. {block:ifnotMonochrome}
  804. <img src="{image:Sidebar}">
  805. {/block:ifnotMonochrome}
  806.  
  807. </div>
  808.  
  809. <div class="title"><a href="/">{Title}</a></div>
  810.  
  811. <center>
  812. <div id="navwoo">
  813.  
  814. <div class="nav">
  815. <a href="/" title="index">
  816. <img src="http://static.tumblr.com/aqoekwn/A4Bm702ws/home.png">
  817. </a>
  818. </div>
  819.  
  820. <div class="nav">
  821. <a href="/ask" title="message">
  822. <img src="http://static.tumblr.com/aqoekwn/tdam71kji/mail.png">
  823. </a>
  824. </div>
  825.  
  826. <div class="nav">
  827. <a href="/archive" title="archive">
  828. <img src="http://i.imgur.com/xwaFsXA.png">
  829. </a>
  830. </div>
  831.  
  832. <div class="nav">
  833. <a href="http://mfe-themes.tumblr.com/" title="theme">
  834. <img src="http://static.tumblr.com/3dz05fq/u0Mmb20b0/heart.png">
  835. </a>
  836. </div>
  837.  
  838. <div class="navm">
  839. <img src="http://i.imgur.com/cxrY0Us.png">
  840. <div class="billy">
  841. {text:Music Code}
  842. </div>
  843. </div>
  844.  
  845. </div>
  846. </center>
  847.  
  848. <div class="desc">
  849. {block:Description}
  850. {Description}
  851. {/block:Description}
  852. </div>
  853.  
  854. </div>
  855.  
  856. <div id="content">
  857.  
  858. {block:Posts}
  859.  
  860. {block:IfInfiniteScroll}
  861. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  862. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  863. {/block:IfInfiniteScroll}
  864.  
  865. <div class="posts">
  866.  
  867. {block:IndexPage}
  868. <div class="permalink">
  869. <a href="{Permalink}">
  870. <img src="http://static.tumblr.com/aqoekwn/Hjvm71jqd/add.png">
  871. </a>
  872. <div class="perm">
  873. <a href="{ReblogURL}">reblog</a><br>
  874. <a href="{Permalink}">{NoteCount} notes</a>
  875. </div>
  876. </div>
  877. {/block:IndexPage}
  878.  
  879.  
  880. {block:Text}
  881. {block:Title}<div class="ttitle">{Title}</div>{/block:Title}
  882. {Body}
  883. <div style="margin-bottom: -10px;"></div>
  884. {/block:Text}
  885.  
  886. {block:Photo}
  887. <center>
  888. {block:if400Post}
  889. {block:ifMonochrome}
  890. <div class="photo">
  891. <img src="{PhotoURL-400}">
  892. </div>
  893. {/block:ifMonochrome}
  894.  
  895. {block:ifnotMonochrome}
  896. <img src="{PhotoURL-400}">
  897. {/block:ifnotMonochrome}
  898. {/block:if400Post}
  899. {block:ifnot400Post}
  900. {block:ifMonochrome}
  901. <div class="photo">
  902. <img src="{PhotoURL-500}">
  903. </div>
  904. {/block:ifMonochrome}
  905.  
  906. {block:ifnotMonochrome}
  907. <img src="{PhotoURL-500}">
  908. {/block:ifnotMonochrome}
  909. {/block:ifnot400Post}
  910. </center>
  911.  
  912. {block:IndexPage}
  913. {block:ifCaptions}
  914. {block:Caption}
  915. <div class="caption">
  916. {Caption}
  917. </div>
  918. {/block:Caption}
  919. {/block:ifCaptions}
  920. {/block:IndexPage}
  921.  
  922. {block:PermalinkPage}
  923. {block:Caption}
  924. <div class="caption">
  925. {Caption}
  926. </div>
  927. {/block:Caption}
  928. {/block:PermalinkPage}
  929.  
  930. <div style="margin-bottom: -4px;"></div>
  931.  
  932. {/block:Photo}
  933.  
  934. {block:Photoset}
  935. {block:if400Post}
  936. {block:ifMonochrome}
  937. <div class="photo">
  938. {Photoset-400}
  939. </div>
  940. {/block:ifMonochrome}
  941.  
  942. {block:ifnotMonochrome}
  943. {Photoset-400}
  944. {/block:ifnotMonochrome}
  945. {/block:if400Post}
  946. {block:ifnot400Post}
  947. {block:ifMonochrome}
  948. <div class="photo">
  949. {Photoset-500}
  950. </div>
  951. {/block:ifMonochrome}
  952.  
  953. {block:ifnotMonochrome}
  954. {Photoset-500}
  955. {/block:ifnotMonochrome}
  956. {/block:ifnot400Post}
  957.  
  958. {block:IndexPage}
  959. {block:ifCaptions}
  960. {block:Caption}
  961. <div class="caption">
  962. {Caption}
  963. </div>
  964. {/block:Caption}
  965. {/block:ifCaptions}
  966. {/block:IndexPage}
  967.  
  968. {block:PermalinkPage}
  969. {block:Caption}
  970. <div class="caption">
  971. {Caption}
  972. </div>
  973. {/block:Caption}
  974. {/block:PermalinkPage}
  975.  
  976. <div style="margin-bottom: -4px;"></div>
  977.  
  978. {/block:Photoset}
  979.  
  980. {block:Quote}
  981. <div class="quote">
  982. <big>❝</big>&nbsp{Quote}&nbsp<big>❞</big>
  983. </div>
  984. <div style="border-bottom: 1px solid {color:Post Title}; padding-top: 3px;"></div>
  985. <div class="source" style="margin-bottom: -4px;">— {Source}</div>
  986. {/block:Quote}
  987.  
  988. {block:Link}
  989. <div class="ltitle"><a href="{URL}">{Name}</a></div>
  990. {block:Description}{Description}<div style="margin-bottom: -13px;"></div>{/block:Description}
  991. {/block:Link}
  992.  
  993. {block:Chat}
  994. {block:Title}<div class="ttitle">{Title}</div>
  995. <div style="margin-bottom: 5px"></div>{/block:Title}
  996. <div style="margin-top: -2px;"></div>
  997. {block:Lines}
  998. <div class="line {Alt}">{block:Label}<b>{Label}</b>
  999. {/block:Label}
  1000. {Line}<br></div>
  1001. {/block:Lines}
  1002. {/block:Chat}
  1003.  
  1004. {block:Video}
  1005. {block:if400Post}
  1006. {Video-400}
  1007. {/block:if400Post}
  1008. {block:ifnot400Post}
  1009. {Video-500}
  1010. {/block:ifnot400Post}
  1011.  
  1012. {block:IndexPage}
  1013. {block:ifCaptions}
  1014. {block:Caption}
  1015. <div class="caption">
  1016. {Caption}
  1017. </div>
  1018. {/block:Caption}
  1019. {/block:ifCaptions}
  1020. {/block:IndexPage}
  1021.  
  1022. {block:PermalinkPage}
  1023. {block:Caption}
  1024. <div class="caption">
  1025. {Caption}
  1026. </div>
  1027. {/block:Caption}
  1028. {/block:PermalinkPage}
  1029.  
  1030. <div style="margin-bottom: -4px;"></div>
  1031.  
  1032. {/block:Video}
  1033.  
  1034. {block:Audio}
  1035.  
  1036. <div class="track">
  1037. {block:TrackName}
  1038. {TrackName}
  1039. {/block:TrackName}
  1040. <div style="margin-top: 1px; margin-bottom: 2px;border-bottom: 1px solid {color:Text};"></div>
  1041. {block:Artist}
  1042. <div class="artist">
  1043. {Artist}
  1044. </div>
  1045. {/block:Artist}
  1046. </div>
  1047.  
  1048. <div class="album">
  1049. {block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1050. {block:AlbumArt}
  1051.  
  1052. {block:ifMonochrome}
  1053. <div class="photo">
  1054. <img src="{AlbumArtURL}">
  1055. </div>
  1056. {/block:ifMonochrome}
  1057.  
  1058. {block:ifnotMonochrome}
  1059. <img src="{AlbumArtURL}">
  1060. {/block:ifnotMonochrome}
  1061.  
  1062. {/block:AlbumArt}
  1063. </div>
  1064.  
  1065. {block:IndexPage}
  1066. {block:ifCaptions}
  1067. {block:Caption}
  1068. <div class="caption">
  1069. {Caption}
  1070. </div>
  1071. {/block:Caption}
  1072. {/block:ifCaptions}
  1073. {/block:IndexPage}
  1074.  
  1075. {block:PermalinkPage}
  1076. {block:Caption}
  1077. <div class="caption">
  1078. {Caption}
  1079. </div>
  1080. {/block:Caption}
  1081. {/block:PermalinkPage}
  1082.  
  1083. {/block:Audio}
  1084.  
  1085. {block:Answer}
  1086. <table style="margin-top: -3px;margin-left:-3px;padding-bottom:0px;margin-bottom:5px;">
  1087. <tr>
  1088. <td style="vertical-align:top;padding-right:7px;">
  1089. <div class="portrait">
  1090.  
  1091. {block:ifMonochrome}
  1092. <div class="photo">
  1093. <img src="{AskerPortraitURL-64}">
  1094. </div>
  1095. {/block:ifMonochrome}
  1096.  
  1097. {block:ifnotMonochrome}
  1098. <img src="{AskerPortraitURL-64}">
  1099. {/block:ifnotMonochrome}
  1100.  
  1101. </div></td>
  1102. <td style="vertical-align:top;">
  1103. <div id="ask">
  1104. {Asker}: {Question}
  1105. </div>
  1106. </td>
  1107. </tr>
  1108. </table>
  1109. <div style="margin-top: -3px; border-bottom: double 4px {color:Post Border};"></div>
  1110. <div style ="margin-top: -3px;"></div>
  1111. {Answer}
  1112. <div style ="margin-bottom: -10px;"></div>
  1113. {/block:Answer}
  1114.  
  1115. {block:PermalinkPage}
  1116. <div style="margin-top: 15px;"></div>
  1117. {block:HasTags}
  1118. <div style="font-size: 9px; letter-spacing: 2px;text-transform: UPPERCASE; font-family: calibri; text-align: left; margin-top: 10px; text-align: center;">
  1119. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp&nbsp{/block:Tags}
  1120. </div>
  1121. {/block:HasTags}
  1122.  
  1123. <div style="padding-top: 5px;"></div>
  1124.  
  1125. <div style="padding-bottom: 5px; margin-bottom: 3px; margin-top: 3px; border-top: 1px solid {color:Text};"></div>
  1126.  
  1127. <center>
  1128. {block:RebloggedFrom}
  1129. <span style="color:{color:Emphasis Text}; border-bottom: 1px solid {color:Post Border};">
  1130. ORIGIN
  1131. </span>:&nbsp
  1132. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">
  1133. {ReblogRootName}
  1134. </a>
  1135. &nbsp&nbsp&nbsp
  1136. <span style="color:{color:Emphasis Text}; border-bottom: 1px solid {color:Post Border};">
  1137. FROM</span>:&nbsp
  1138. <a href="{ReblogParentURL}" title ="{ReblogParentTitle}">
  1139. {ReblogParentName}
  1140. </a>
  1141. &nbsp&nbsp&nbsp
  1142. {/block:RebloggedFrom}
  1143.  
  1144. {block:ContentSource}
  1145. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1146. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1147. {/block:SourceLogo}
  1148. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1149. {/block:ContentSource}
  1150.  
  1151. {block:Date}
  1152. <span style="color:{color:Emphasis Text}; border-bottom: 1px solid {color:Post Border};">
  1153. DATE</span>:&nbsp
  1154. {block:ifMonthDayYear}
  1155. {MonthNumber}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{DayOfMonth}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{Year}
  1156. {/block:ifMonthDayYear}
  1157. {block:ifDayMonthYear}
  1158. {DayOfMonth}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{MonthNumber}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{Year} ▫
  1159. {/block:ifDayMonthYear}
  1160. {block:ifYearMonthDay}
  1161. {Year}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{MonthNumber}&nbsp<span style="font-size: 6px;">▫</span>&nbsp{DayOfMonth}
  1162. {/block:ifYearMonthDay}
  1163. &nbsp&nbsp&nbsp
  1164. {/block:Date}
  1165.  
  1166. {block:Date}
  1167. <span style="color:{color:Emphasis Text}; border-bottom: 1px solid {color:Post Border};">
  1168. TIME</span>:&nbsp
  1169. {block:if12HourTime}
  1170. {12Hour}:{Minutes}{AmPm}
  1171. {/block:if12HourTime}
  1172. {block:ifnot12HourTime}
  1173. {24Hour}:{Minutes}
  1174. {/block:ifnot12HourTime}
  1175. {/block:Date}
  1176. </center>
  1177.  
  1178. <div style="margin-bottom: -3px;"></div>
  1179.  
  1180. {/block:PermalinkPage}
  1181.  
  1182. </div>
  1183.  
  1184. {block:PermalinkPage}
  1185. {block:PostNotes}
  1186. <div class="notess">
  1187. <div style="text-align: center;">{NoteCount} notes</div>
  1188. <div style="margin-top:-5px;"></div>
  1189. {PostNotes}
  1190. </div>
  1191. {/block:PostNotes}
  1192. {/block:PermalinkPage}
  1193.  
  1194. {block:IndexPage}
  1195. {block:IfShowTags}{block:HasTags}
  1196. <div class="tags">
  1197. <span style="border-bottom: 1px solid {color:Sidebar Border};">Tags</span>: &nbsp
  1198. {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp&nbsp{/block:Tags}
  1199. </div>
  1200. {/block:HasTags}
  1201. {/block:IfShowTags}
  1202. {/block:IndexPage}
  1203.  
  1204. {/block:Posts}
  1205.  
  1206. </div>
  1207.  
  1208. {block:IfInfiniteScroll}
  1209. {block:IndexPage}
  1210. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1211. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1212. <a href="javascript:;" id="scrollToTop">▲</a>
  1213. {/block:IndexPage}
  1214. {/block:IfInfiniteScroll}
  1215.  
  1216. </body>
  1217.  
  1218. </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!