Advertisement
faluvtha

[#20] — Enigma [RETIRED]

Aug 5th, 2012
7,137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.98 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ Enigma Themes ]-------
  6.  
  7. ———————————————--- RULES! ---—————————————————————
  8.  
  9. - Do not remove credit!
  10. - Do not use this code as your base.
  11. - Do not claim as your own.
  12. - If you have a special customization about the codes, I won't help you unless you know what you have to do.
  13. - You can edit it likely and whatever you want but leave the credit alone.
  14. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  15.  
  16. ———————————————--- THANK YOU! ---——————————————————
  17.  
  18. -->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30. <meta name="if:250PostSize" content="0"/>
  31. <meta name="if:400PostSize" content="1"/>
  32. <meta name="if:500PostSize" content="0"/>
  33. <meta name="if:Show Caption" content="0"/>
  34. <meta name="if:Infinite Scrolling" content="0"/>
  35. <meta name="image:Sidebar Picture" content="http://24.media.tumblr.com/tumblr_m7n0j1kpua1rpj007o1_250.jpg"/>
  36. <meta name="image:Sidebar Background" content=""/>
  37. <meta name="image:Post Background" content=""/>
  38. <meta name="image:Permalink Background" content=""/>
  39. <meta name="image:Background" content=""/>
  40. <meta name="color:Background" content="#f8f8eb" />
  41. <meta name="color:Post" content="#e4e4ca" />
  42. <meta name="color:Sidebar Background" content="#e4e4ca" />
  43. <meta name="color:Body" content="#817e66" />
  44. <meta name="color:description text" content="#575546" />
  45. <meta name="color:Blockquote" content="#f8f8eb" />
  46. <meta name="color:Border Blockquote" content="#817e66" />
  47. <meta name="color:Title" content="#ffffff"/>
  48. <meta name="color:Title background" content="#999966"/>
  49. <meta name="color:Title Post" content="#949075"/>
  50. <meta name="color:Title background Post" content="#e4e4ca"/>
  51. <meta name="color:Ask background" content="#999966"/>
  52. <meta name="color:Ask body" content="#fff"/>
  53. <meta name="color:Nav Background One" content="#ddddcc" />
  54. <meta name="color:Nav Background Two" content="#999966" />
  55. <meta name="color:Nav Background Three" content="#bbbb99" />
  56. <meta name="color:Nav Background Four" content="#d1d1c3" />
  57. <meta name="color:Nav All Background Hover" content="#AAAAAA" />
  58. <meta name="color:menu border" content="#777777" />
  59. <meta name="color:menu border hover" content="#999966" />
  60. <meta name="color:menu text background" content="#ffffff" />
  61. <meta name="color:menu text background hover" content="#000000" />
  62. <meta name="color:menu background" content="#999966" />
  63. <meta name="color:menu background hover" content="#ffffff" />
  64. <meta name="color:Links" content="#111111" />
  65. <meta name="color:Links Hover" content="#aaa" />
  66. <meta name="color:Bold text" content="#101010" />
  67. <meta name="color:Italic text" content="#101010" />
  68. <meta name="color:Scrollbar" content="#000000" />
  69. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  70. <meta name="color:Permalink Background" content="#ebebd5"/>
  71. <meta name="color:Permalink Font" content="#a7a7a7"/>
  72. <meta name="color:Permalink Font Hover" content="#f7f7f7"/>
  73. <meta name="text:Font" content="cambria"/>
  74. <meta name="text:Font Size" content="9.5"/>
  75. <meta name="text:Line height" content="12"/>
  76. <meta name="text:Custom Link One" content=""/>
  77. <meta name="text:Custom Link One URL" content=""/>
  78. <meta name="text:Custom Link Two" content=""/>
  79. <meta name="text:Custom Link Two URL" content=""/>
  80. <meta name="text:Custom Link Three" content=""/>
  81. <meta name="text:Custom Link Three URL" content=""/>
  82. <meta name="text:Custom Link Four" content=""/>
  83. <meta name="text:Custom Link Four URL" content=""/>
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  89.  
  90. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  91.  
  92. ::-webkit-scrollbar {width: 4px;}
  93.  
  94. ::-webkit-scrollbar-track-piece
  95. {background-color: {color:Scrollbar Background};}
  96.  
  97. ::-webkit-scrollbar-thumb:vertical
  98. {width:4px;
  99. background-color: {color:Scrollbar};}
  100.  
  101.  
  102. li {list-style-type: square;}
  103.  
  104. body{
  105. font-family: {text:Font};
  106. font-size: {text:Font size}px;
  107. line-height:{text:Line height}px;
  108. background-color:{color:Background};
  109. background-image:url('{image:Background}');
  110. background-position: fixed;
  111. background-attachment:fixed;
  112. background-repeat:repeat;}
  113.  
  114. a
  115. {text-decoration:none;
  116. color:{color:Links};}
  117.  
  118. a:link, a:visited, a:active
  119. {text-decoration:none;
  120. -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  121. }
  122. a:hover{
  123. color:{color:Links hover};
  124. text-decoration: none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;
  125. }
  126.  
  127.  
  128.  
  129. blockquote{
  130. padding:5px;
  131. margin-top:5px;
  132. margin-bottom:5px;
  133. border-left:4px solid {color:border blockquote};
  134. background-color:{color:blockquote};
  135. }
  136.  
  137. #sidebar{
  138. position:fixed;
  139. top:0px;
  140. left:10px;
  141. width:270px;
  142. height:100%;
  143. padding:7px;
  144. text-align:center;
  145. overflow:hidden;
  146. background-color:{color:Sidebar Background};
  147. background-image:url('{image:Sidebar Background}');
  148. background-position: fixed;
  149. background-attachment:fixed;
  150. background-repeat:repeat
  151. }
  152.  
  153. #img {
  154. width:270px;
  155. opacity;1;
  156. -webkit-transition: all 0.7s ease;
  157. -moz-transition: all 0.7s ease;
  158. -o-transition: all 0.7s ease;
  159. }
  160.  
  161. #sidebar:hover #img{
  162. opacity:0.2;
  163. }
  164.  
  165.  
  166. .titles {
  167. font-size:25px;
  168. font-style:normal;
  169. font-weight:light;
  170. font-family:'Open Sans Condensed';
  171. text-align:left;
  172. padding-left:10px;
  173. text-transform:uppercase;
  174. border-left:25px solid {color:Title Post};
  175. background-color:{color:Title Background Post};
  176. padding:8px;
  177. }
  178.  
  179.  
  180. #title {
  181. font-family:'Open Sans Condensed';
  182. font-size:23px;
  183. font-weight:lighter;
  184. line-height:40px;
  185. background-color:{color:Title background};
  186. text-transform:none;
  187. letter-spacing:1px;
  188. margin-bottom:0px;
  189. text-transform:uppercase;
  190. color:{color:Title};
  191. }
  192.  
  193. #description {
  194. position:absolute;
  195. padding:1px;
  196. color:{color:description text};
  197. text-align:center;
  198. font-family:'Open Sans Condensed';
  199. font-size:10px;
  200. text-transform:uppercase;
  201. width:270px;
  202. margin-top:10px;
  203. z-index:999;
  204. }
  205.  
  206. #posts{
  207. {block:IndexPage}
  208. {block:If250PostSize}width:250px;{/block:If250PostSize}
  209. {block:If400PostSize}width:400px;{/block:If400PostSize}
  210. {block:If500PostSize}width:500px;{/block:If500PostSize}
  211. margin-left:350px;
  212. {/block:IndexPage}
  213. {block:PermalinkPage}
  214. width:530px;
  215. margin-left:350px;
  216. {/block:PermalinkPage}
  217. }
  218.  
  219. .post {
  220. {block:IndexPage}
  221. {block:If250PostSize}width:250px;{/block:If250PostSize}
  222. {block:If400PostSize}width:400px;{/block:If400PostSize}
  223. {block:If500PostSize}width:500px;{/block:If500PostSize}
  224. {/block:IndexPage}
  225. {block:PermalinkPage}
  226. width:500px;
  227. {/block:PermalinkPage}
  228. margin-top:10px;
  229. margin-bottom:5px;
  230. padding:18px;
  231. background-color:{color:Post};
  232. color:{color:Body};
  233. background-image:url('{image:Post Background}');
  234. background-position: fixed;
  235. background-attachment:fixed;
  236. background-repeat:repeat
  237. }
  238.  
  239. #pos {
  240. position:fixed;
  241. width:0px;
  242. padding:5px;
  243. margin-top:350px;
  244. margin-left:-13px;
  245. z-index:1;
  246. padding:8px;
  247. opacity:0;
  248. -webkit-transition: all 0.7s ease;
  249. -moz-transition: all 0.7s ease;
  250. -o-transition: all 0.7s ease;
  251. }
  252.  
  253. #posu {
  254. position:fixed;
  255. width:0px;
  256. padding:5px;
  257. margin-top:80px;
  258. margin-left:-313px;
  259. z-index:1;
  260. padding:8px;
  261. opacity:0;
  262. -webkit-transition: all 0.7s ease;
  263. -moz-transition: all 0.7s ease;
  264. -o-transition: all 0.7s ease;
  265. }
  266.  
  267.  
  268. #sidebar:hover #posu {
  269. width:150px;
  270. opacity:1;
  271. margin-top:80px;
  272. margin-left:-13px;
  273. }
  274.  
  275. #sidebar:hover #pos {
  276. width:150px;
  277. opacity:1;
  278. margin-top:150px;
  279. margin-left:-13px;
  280. }
  281.  
  282. #judul {
  283. color:{color:Body};
  284. border-bottom:1px dotted {color:menu border};
  285. padding-bottom:9px;
  286. text-align:center;
  287. position:absolute;
  288. font-family:'Open sans Condensed';
  289. font-size:0px;
  290. text-transform:uppercase;
  291. margin-top:150px;
  292. margin-left:87px;
  293. -webkit-transition: all 0.7s ease;
  294. -moz-transition: all 0.7s ease;
  295. -o-transition: all 0.7s ease;
  296. }
  297.  
  298. #sidebar:hover #judul {
  299. font-size:25px;
  300. margin-top:50px;
  301. }
  302.  
  303. .menu {
  304. float:left;
  305. width:242px;
  306. display:block;
  307. height:7px;
  308. margin-bottom:6px;
  309. margin-left:5px;
  310. text-align:center;
  311. background-color: {color:menu background};
  312. padding-bottom:12px;
  313. padding-top:8px;
  314. padding-right:10px;
  315. padding-left:10px;
  316. text-decoration:none;
  317. color:{color:menu text background};
  318. font-family:'Open Sans Condensed';
  319. font-size:12px;
  320. text-transform:uppercase;
  321. letter-spacing:2px;
  322. opacity:0.8;
  323. border-left:4px solid {color:menu border};
  324. border-right:4px solid {color:menu border};
  325. -webkit-transition: all 0.7s ease;
  326. -moz-transition: all 0.7s ease;
  327. -o-transition: all 0.7s ease;}
  328.  
  329. .menu:hover{
  330. text-shadow: {color:menu text background hover} 0 0 5px;
  331. font-size:22px;
  332. opacity:1;
  333. padding-left:10px;
  334. padding-right:10px;
  335. padding-bottom:18px;
  336. padding-top:12px;
  337. background-color: {color:menu background hover};
  338. color:transparent;
  339. -webkit-transition: all 0.7s ease;
  340. -moz-transition: all 0.7s ease;
  341. -o-transition: all 0.7s ease;}
  342.  
  343.  
  344. #menu {
  345. float:left;
  346. top:120px;
  347. {block:IndexPage}
  348. {block:If250PostSize} left:730px; {/block:If250PostSize}
  349. {block:If400PostSize} left:830px; {/block:If400PostSize}
  350. {block:If500PostSize} left:930px; {/block:If500PostSize}
  351. {/block:IndexPage}
  352. {block:PermalinkPage}
  353. left:930px;
  354. {/block:PermalinkPage}
  355. width:auto;
  356. padding:5px;
  357. text-align:justify;
  358. text-transform:none;
  359. position:fixed;
  360. }
  361.  
  362. #menu2 {
  363. float:left;
  364. top:270px;
  365. {block:IndexPage}
  366. {block:If250PostSize} left:730px; {/block:If250PostSize}
  367. {block:If400PostSize} left:830px; {/block:If400PostSize}
  368. {block:If500PostSize} left:930px; {/block:If500PostSize}
  369. {/block:IndexPage}
  370. {block:PermalinkPage}
  371. left:930px;
  372. {/block:PermalinkPage}
  373. width:auto;
  374. padding:5px;
  375. text-align:justify;
  376. text-transform:none;
  377. position:fixed;
  378. }
  379.  
  380. .satu {
  381. background-color:{color:Nav Background One};
  382. color: {color:Nav text Background};
  383. display:block;
  384. width:60px;
  385. height:60px;
  386. font-size:0px;
  387. text-transform:uppercase;
  388. text-align:right;
  389. letter-spacing:2px;
  390. margin-bottom:0px;
  391. border-right:0px solid transparent;
  392. -webkit-transition: all 0.7s ease-in;
  393. -moz-transition: all 0.7s ease-in;
  394. -o-transition: all 0.7s ease-in;
  395. moz-border-radius:60px 0px 0px 60px;
  396. -webkit-border-radius:60px 0px 60px 60px;
  397. border-radius:60px 0px 60px 60px;
  398. -webkit-transform:rotate(-45deg);
  399. -moz-transform:rotate(-45deg);
  400. -o-transform: rotate(-45deg);
  401. }
  402.  
  403. .dua {
  404. margin-left:50px;
  405. background-color:{color:Nav Background Two};
  406. color: {color:Nav text Background};
  407. display:block;
  408. width:60px;
  409. height:60px;
  410. font-size:0px;
  411. text-transform:uppercase;
  412. text-align:right;
  413. letter-spacing:2px;
  414. margin-bottom:0px;
  415. border-right:0px solid transparent;
  416. -webkit-transition: all 0.7s ease-in;
  417. -moz-transition: all 0.7s ease-in;
  418. -o-transition: all 0.7s ease-in;
  419. moz-border-radius:60px 0px 0px 60px;
  420. -webkit-border-radius:60px 0px 60px 60px;
  421. border-radius:60px 0px 60px 60px;
  422. -webkit-transform:rotate(-45deg);
  423. -moz-transform:rotate(-45deg);
  424. -o-transform: rotate(-45deg);
  425. }
  426.  
  427. .tiga {
  428. margin-left:40px;
  429. background-color:{color:Nav Background Three};
  430. color: {color:Nav text Background};
  431. display:block;
  432. width:60px;
  433. height:60px;
  434. font-size:0px;
  435. text-transform:uppercase;
  436. text-align:right;
  437. letter-spacing:2px;
  438. margin-bottom:0px;
  439. border-right:0px solid transparent;
  440. -webkit-transition: all 0.7s ease-in;
  441. -moz-transition: all 0.7s ease-in;
  442. -o-transition: all 0.7s ease-in;
  443. moz-border-radius:60px 0px 0px 60px;
  444. -webkit-border-radius:60px 0px 60px 60px;
  445. border-radius:60px 0px 60px 60px;
  446. -webkit-transform:rotate(-45deg);
  447. -moz-transform:rotate(-45deg);
  448. -o-transform: rotate(-45deg);
  449. }
  450.  
  451. .empat {
  452. margin-left:10px;
  453. margin-top:16px;
  454. background-color:{color:Nav Background Four};
  455. color: {color:Nav text Background};
  456. display:block;
  457. width:60px;
  458. height:60px;
  459. font-size:0px;
  460. text-transform:uppercase;
  461. text-align:right;
  462. letter-spacing:2px;
  463. margin-bottom:0px;
  464. border-right:0px solid transparent;
  465. -webkit-transition: all 0.7s ease-in;
  466. -moz-transition: all 0.7s ease-in;
  467. -o-transition: all 0.7s ease-in;
  468. moz-border-radius:60px 0px 0px 60px;
  469. -webkit-border-radius:60px 0px 60px 60px;
  470. border-radius:60px 0px 60px 60px;
  471. -webkit-transform:rotate(-45deg);
  472. -moz-transform:rotate(-45deg);
  473. -o-transform: rotate(-45deg);
  474. }
  475.  
  476.  
  477. .satu:hover, .dua:hover , .tiga:hover , .empat:hover {
  478. color: {color:nav text background hover};
  479. background: {color:nav all background hover};
  480. -webkit-transition: all 0.7s ease;
  481. -moz-transition: all 0.7s ease;
  482. -o-transition: all 0.7s ease;}
  483.  
  484. b, em, strong{
  485. color: {color:Bold text};
  486. font-weight:bold;
  487. }
  488.  
  489. i, em {
  490. color: {color:Italic text};
  491. font-weight:lighter;
  492. font-style:italic;
  493. }
  494.  
  495. .audioplayer {
  496. position:absolute;
  497. {block:If250PostSize} margin-left:120px; {/block:If250PostSize}
  498. {block:If400PostSize} margin-left:150px; {/block:If400PostSize}
  499. {block:If500PostSize} margin-left:150px; {/block:If500PostSize}
  500. margin-top:-80px;
  501. padding-bottom:7px;
  502. }
  503.  
  504. .artist , .track , .play {
  505. {block:If250PostSize} width:100px; {/block:If250PostSize}
  506. {block:If400PostSize} width:150px; {/block:If400PostSize}
  507. {block:If500PostSize} width:200px; {/block:If500PostSize}
  508. margin-top:-7px;
  509. margin-left:10px;
  510. padding:5px;
  511. background-color: {color:Blockquote};
  512. }
  513.  
  514. .playbutton {
  515. width:20px;
  516. height:30px;
  517. overflow:hidden;
  518. position:relative;
  519. z-index:1000;
  520. margin:40px 40px 30px 40px;
  521. }
  522.  
  523.  
  524. .cover {
  525. border:8px solid {color:Border Blockquote};
  526. width:100px;
  527. position:relative;
  528. z-index:1
  529. }
  530.  
  531. .playbox {
  532. background-color:#000;
  533. position: absolute;
  534. z-index:1000;
  535. margin-top:8px;
  536. margin-left:8px;
  537. opacity:0.5;
  538. -webkit-transition: all 0.7s ease;
  539. -moz-transition: all 0.7s ease;
  540. -o-transition: all 0.7s ease;
  541. }
  542.  
  543.  
  544. .playbox:hover {
  545. opacity:1;
  546. }
  547.  
  548. .source{
  549. margin:5px;
  550. font-style:italic;
  551. text-align:right;
  552. font-family:'Open Sans Condensed';
  553. font-size:14px;
  554. }
  555.  
  556. .ask{
  557. padding:5px;
  558. background-color: {color:Ask background};
  559. color:{color:Ask Body};
  560. font-family:calibri;
  561. font-size:9.5px;
  562. }
  563.  
  564.  
  565. .asker {
  566. margin-top:8px;
  567. font-size:8px;
  568. font-family:consolas;
  569. text-transform: uppercase;
  570. margin-left:25px;
  571. letter-spacing: 1px;
  572. }
  573.  
  574. .askera {
  575. margin-top:8px;
  576. margin-left:45px;
  577. -moz-border-radius:5px;
  578. border-radius:5px;
  579. -o-border-radius:5px;
  580. }
  581.  
  582. .uh {
  583. color: {color:Ask Background};
  584. margin-top:-18px;
  585. font-size:40px;
  586. margin-left:10px;
  587. }
  588.  
  589.  
  590. .links{
  591. font-family:'Open Sans Condensed';
  592. font-size:17px;
  593. padding:8px;
  594. text-align:center;
  595. border-bottom:1px solid {color:border blockquote};
  596. }
  597.  
  598. .sa{
  599. font-size:25px;
  600. font-style:normal;
  601. font-weight:light;
  602. font-family:'Open Sans Condensed';
  603. text-align:left;
  604. padding-left:10px;
  605. text-transform:uppercase;
  606. border-left:25px solid {color:Title Post};
  607. background-color:{color:Title Background Post};
  608. padding:8px;
  609. }
  610.  
  611. .si {
  612. font-size:25px;
  613. font-style:normal;
  614. font-weight:light;
  615. font-family:'Open Sans Condensed';
  616. text-align:left;
  617. padding-left:10px;
  618. text-transform:uppercase;
  619. border-left:25px solid {color:Title Post};
  620. background-color:{color:Title Background Post};
  621. padding:8px;
  622. }
  623.  
  624. .pagination {
  625. text-align:center;
  626. position:absolute;
  627. margin-top:50px;
  628. font-size:20px;
  629. }
  630.  
  631. #permalinks
  632. {width:500px;
  633. z-index:999;
  634. padding:18px;
  635. background-color:{color:Post};
  636. color:{color:Body};}
  637.  
  638. #permalinks img {
  639. border-radius:5px;
  640. }
  641.  
  642.  
  643. #permalink {
  644. background-image:url('{image:Permalink Background}');
  645. {block:If250PostSize} width:250px; {/block:If250PostSize}
  646. {block:If400PostSize} width:400px; {/block:If400PostSize}
  647. {block:If500PostSize} width:500px; {/block:If500PostSize}
  648. background-color:{color:Permalink Background};
  649. border-left:25px solid {color:Title Post};
  650. font-family:'Open Sans Condensed';
  651. font-size:15px;
  652. text-transform:uppercase;
  653. margin-top:10px;
  654. padding:10px 0px 10px 10px;
  655. text-align:left;
  656. }
  657.  
  658. a.permalink {
  659. color: {color:Permalink Font};
  660. }
  661.  
  662. a.permalink:hover {
  663. color: {color:Permalink Font Hover};
  664. }
  665.  
  666. #credit {
  667. position:fixed;
  668. bottom:6px;
  669. right:6px;
  670. font-family:garamond;
  671. font-size:13px;
  672. font-weight:lighter;
  673. text-transform:uppercase;}
  674.  
  675. #credit a{
  676. color:{color:links};
  677. text-decoration:none;
  678. opacity:0.6;
  679. }
  680.  
  681. #credit a:hover {
  682. color:{color:links};
  683. text-decoration:none;
  684. opacity:1;
  685. }
  686.  
  687. {customCSS}
  688. </style>
  689.  
  690. {block:IfInfiniteScrolling}
  691. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  692. {/block:IfInfiniteScrolling}
  693.  
  694. </head>
  695. <body>
  696.  
  697. <div id="menu" align="center">
  698. <a href="/" class="satu">home</a>
  699. <a href="/ask" class="dua">ask</a>
  700. </div>
  701. <div id="menu2" align="center">
  702. <a href="/archive" class="tiga">past</a>
  703. <a href="http://faluvtha.tumblr.com" class="empat">theme</a>
  704. </div>
  705.  
  706. <div id="sidebar">
  707. <div id="title">{title}</div>
  708. <div id="judul">Navigation</div>
  709. <div id="pos">
  710. {block:IfCustomLinkOne}<a href="{text:Custom Link One URL}" class="menu">{text:Custom Link One}</a>{/block:IfCustomLinkOne}
  711. {block:IfCustomLinkTwo}<a href="{text:Custom Link Two URL}" class="menu">{text:Custom Link Two}</a>{/block:IfCustomLinkTwo}
  712. </div>
  713. <div id="posu">
  714. {block:IfCustomLinkThree}<a href="{text:Custom Link Three URL}" class="menu">{text:Custom Link Three}</a>{/block:IfCustomLinkThree}
  715. {block:IfCustomLinkFour}<a href="{text:Custom Link Four URL}" class="menu">{text:Custom Link Four}</a>{/block:IfCustomLinkFour}
  716. </div>
  717. <div id="img"><img src="{Image:Sidebar Picture}"width="270px"></div>
  718.  
  719. <div id="description">
  720. {description}
  721.  
  722. {block:IfNotInfiniteScrolling}
  723. {block:Pagination}
  724.  
  725. <div class="pagination">
  726. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" >←</a>{/block:PreviousPage}
  727. {block:JumpPagination length="5"}
  728. {block:CurrentPage}
  729. <span class="current_page" >{PageNumber}</span>
  730. {/block:CurrentPage}
  731. {block:JumpPage}
  732. <a class="jump_page" href="{URL}">{PageNumber}</a>
  733. {/block:JumpPage}
  734. {/block:JumpPagination}
  735. {block:NextPage}<a href="{NextPage}" class="jump_page" >→</a>{/block:NextPage}
  736. </div> {/block:Pagination}
  737. {/block:IfNotInfiniteScrolling}
  738. </div>
  739. </div>
  740.  
  741. <div id="posts">
  742.  
  743. {block:IfInfiniteScrolling}
  744. <div class="autopagerize_page_element">
  745. {/block:IfInfiniteScrolling}
  746.  
  747. {block:Posts}
  748.  
  749. <div class="post">
  750.  
  751. {block:Text}
  752. {block:Title}
  753. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  754. {/block:Title}
  755. {Body}
  756. {/block:Text}
  757.  
  758. {block:Photo}
  759. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {/block:PermalinkPage}
  760. {block:IndexPage}{block:If250PostSize} {LinkOpenTag}
  761. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  762. <img src="{PhotoURL-250}" width="250px" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:If250PostSize}
  763. {block:If400PostSize} {LinkOpenTag}
  764. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  765. <img src="{PhotoURL-400}" width="400px" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:If400PostSize}
  766. {block:If500PostSize} {LinkOpenTag}
  767. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  768. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:If500PostSize}
  769. {/block:IndexPage}
  770.  
  771. {block:IfShowCaption}
  772. {block:Caption}{Caption}{/block:Caption}
  773. {/block:IfShowCaption}
  774.  
  775. {block:IfNotShowCaption}{block:PermalinkPage}
  776. {block:Caption}{Caption}{/block:Caption}
  777. {block:PermalinkPage}{/block:IfNotShowCaption}
  778. {/block:Photo}
  779.  
  780. {block:Photoset}
  781. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  782. {block:IndexPage}
  783. {block:If250PostSize}{Photoset-250}{/block:If250PostSize}
  784. {block:If400PostSize}{Photoset-400}{/block:If400PostSize}
  785. {block:If500PostSize}{Photoset-500}{/block:If500PostSize}
  786. {/block:IndexPage}
  787. {block:IfShowCaption}
  788. {block:Caption}{Caption}{/block:Caption}
  789. {/block:IfShowCaption}
  790.  
  791. {block:IfNotShowCaption}{block:PermalinkPage}
  792. {block:Caption}{Caption}{/block:Caption}
  793. {block:PermalinkPage}{/block:IfNotShowCaption}
  794. {/block:Photoset}
  795.  
  796. {block:Quote}
  797. <div class="links">❝{Quote}❞</div>
  798. {block:Source}
  799. <div class="source"> — {Source} </div>
  800. {/block:Source}
  801. {/block:Quote}
  802.  
  803. {block:Link}
  804. <div class="sa">
  805. <a href="{URL}" {Target}>{Name}</a>
  806. </div>
  807. {block:Description}
  808. {Description}
  809. {/block:Description}{/block:Link}
  810.  
  811. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  812. {/block:Lines}
  813. {/block:Chat}
  814.  
  815. {block:Audio}
  816. <div class="playbox">
  817. <div class="playbutton">
  818. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  819. </div></div>
  820. {block:AlbumArt}
  821. <img src="{AlbumArtURL}" class="cover">
  822. {/block:AlbumArt}
  823.  
  824. <div class="audioplayer">
  825. <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} </div> </div>
  826. {/block:Audio}
  827.  
  828. {block:Video}
  829. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  830. {block:IndexPage}
  831. {block:If250PostSize}{Video-250}{/block:If250PostSize}
  832. {block:If400PostSize}{Video-400}{/block:If400PostSize}
  833. {block:If500PostSize}{Video-500}{/block:If500PostSize}
  834. {/block:IndexPage}
  835. {block:IfShowCaption}
  836. {block:Caption}{Caption}{/block:Caption}
  837. {/block:IfShowCaption}
  838.  
  839. {block:IfNotShowCaption}{block:PermalinkPage}
  840. {block:Caption}{Caption}{/block:Caption}
  841. {block:PermalinkPage}{/block:IfNotShowCaption}
  842. {/block:Video}
  843.  
  844. {block:Answer}
  845. <div class="ask">{Question}</div>
  846. <div style="margin-left:45px;margin-top:5px;"><img src="{AskerPortraitURL-16}" style="padding:2px; border:1px solid #ccc;"></div><div style="margin-left:75px;margin-top:-20px;font-family:consolas;font-size:8px;text-transform:uppercase;">{asker}</div>
  847. <div class="uh">◥</div>
  848. <br>
  849. <br>
  850. {Answer}
  851. {/block:Answer}
  852. </div>
  853.  
  854.  
  855. {block:IndexPage}
  856. <div id="permalink">
  857. <a href="{permalink}"> {notecountwithlabel} | {24Hour}:{Minutes} </a>
  858. <br>
  859. <br>
  860. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  861. </div>
  862. {/block:IndexPage}
  863.  
  864. {block:PermalinkPage}
  865. <div id="permalinks">
  866. {block:Date}
  867. <center><span style="text-transform:uppercase; font-size:15px;margin-top:5px;margin-bottom:5px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center><br/>{/block:Date}
  868. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  869. <br>
  870. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  871. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  872. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  873. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  874. <i>navigate</i>:
  875. <a href="/">index</a> , <a href="/random">random</a> , <a href="{reblogURL}">reblog</a>
  876. <div style="border-bottom:1px solid {color:border blockquote};margin-top:5px;"></div>
  877. {block:PostNotes}
  878. {PostNotes}
  879. {/block:PostNotes}
  880. </div>
  881. {/block:PermalinkPage}
  882. {/block:Posts}
  883. </div>
  884.  
  885. <!-- DO NOT REMOVE -->
  886. <div id="credit">
  887. <a href="http://faluvtha.tumblr.com">✂</a>
  888. </div>
  889.  
  890. </body>
  891. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement