API tools faq
paste
Advertisement
kingdap

The Wheel of Fate is Turning

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