API tools faq
paste
Advertisement
faluvtha

[#34] — Universe.

faluvtha
May 25th, 2013
2,026
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. Themes by Faluvtha@Tumblr.com
  6.  
  7. -------[ Universe Themes ]-------
  8.  
  9. ———————————————--- RULES! ---—————————————————————
  10.  
  11. - Do not steal!
  12. - Do not remove credit!
  13. - Do not use this code as your base.
  14. - Do not claim as your own.
  15. - If you have any problems regarding customization , code or anything else. Feel free to put a lovely message at Fukuo@tumblr
  16.  
  17. ———————————————--- THANK YOU! ---——————————————————
  18.  
  19. -->
  20.  
  21. <html>
  22. <head>
  23. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}
  27. <meta name="description" content="{MetaDescription}" />
  28. {/block:Description}
  29.  
  30. <meta name="if:Selection Color" content="1"/>
  31. <meta name="if:Post Shadow" content="0"/>
  32. <meta name="if:Music Player" content="1"/>
  33. <meta name="if:Lazy Load Posts" content="1"/>
  34. <meta name="if:Show Tags" content="1"/>
  35. <meta name="if:Bigger Posts" content="0"/>
  36. <meta name="if:Show Caption" content="0"/>
  37. <meta name="if:Infinite Scrolling" content="0"/>
  38. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo7_250.png"/>
  39. <meta name="color:Background" content="#EEEEEE" />
  40. <meta name="color:Post" content="#F9F9F9" />
  41. <meta name="color:Post Border Bottom" content="#b29b6d" />
  42. <meta name="color:Post Shadow" content="#CCCCCC" />
  43. <meta name="color:Selection Background" content="#299085" />
  44. <meta name="color:Selection Color" content="#fff" />
  45. <meta name="color:Tags Background" content="#299085" />
  46. <meta name="color:Tags Border Left" content="#b29b6d" />
  47. <meta name="color:Tags Body" content="#F9F9F9" />
  48. <meta name="color:Tags Links" content="#000" />
  49. <meta name="color:Sidebar Background" content="#F9F9F9" />
  50. <meta name="color:Body" content="#777777" />
  51. <meta name="color:Menu Background" content="#299085" />
  52. <meta name="color:Menu Background Hover" content="#000" />
  53. <meta name="color:Menu Background Text" content="#FFF" />
  54. <meta name="color:Menu Background Text Hover" content="#FFF" />
  55. <meta name="color:Description Text" content="#080808" />
  56. <meta name="color:Description Text First Letter" content="#299085" />
  57. <meta name="color:Blockquote" content="#eeeeee" />
  58. <meta name="color:Line Title One" content="#b29b6d"/>
  59. <meta name="color:Line Title One First Letter" content="#299085"/>
  60. <meta name="color:Line Title Body One" content="#FFFFFF"/>
  61. <meta name="color:Line Title Two" content="#299085"/>
  62. <meta name="color:Permalink Notes" content="#299085"/>
  63. <meta name="color:Permalink Text Notes" content="#FFF"/>
  64. <meta name="color:Permalink Button" content="#000000"/>
  65. <meta name="color:Permalink Text Button" content="#FFF"/>
  66. <meta name="color:Title Post" content="#000000"/>
  67. <meta name="color:Title First Letter" content="#299085"/>
  68. <meta name="color:Title Background Post" content="#eeeeee"/>
  69. <meta name="color:Quote" content="#b29b6d"/>
  70. <meta name="color:Music Player" content="#ffffff"/>
  71. <meta name="color:Music Player Border One" content="#299085"/>
  72. <meta name="color:Music Player Border Two" content="#000"/>
  73. <meta name="color:Ask Background" content="#EEEEEE"/>
  74. <meta name="color:Links" content="#111111" />
  75. <meta name="color:Links Hover" content="#aaa" />
  76. <meta name="color:Bold text" content="#101010" />
  77. <meta name="color:Italic text" content="#101010" />
  78. <meta name="color:Scrollbar" content="#000000" />
  79. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  80. <meta name="text:Title" content="UNIVERSE"/>
  81. <meta name="text:First Letter of Title" content="OUR"/>
  82. <meta name="text:Font" content="Lucida Sans Unicode"/>
  83. <meta name="text:Description Font" content="Lucida Sans Unicode"/>
  84. <meta name="text:Description Font Size" content="11"/>
  85. <meta name="text:Font Size" content="1"/>
  86. <meta name="text:Line height" content="15"/>
  87. <meta name="text:Music Player Code" content="CODE HERE!"/>
  88. <meta name="text:Custom Link One" content="Links"/>
  89. <meta name="text:Custom Link One URL" content=""/>
  90. <meta name="text:Custom Link Two" content="Links"/>
  91. <meta name="text:Custom Link Two URL" content=""/>
  92.  
  93. <!-- Style My-Tool-Tips by Malihu -->
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  97. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  98. <script>
  99. (function($){
  100. $(document).ready(function(){
  101. $("[title]").style_my_tooltips({
  102. tip_follows_cursor:true,
  103. tip_delay_time:200,
  104. tip_fade_speed:300,
  105. attribute:"title"
  106. });
  107. });
  108. })(jQuery);
  109. </script>
  110.  
  111.  
  112. <style type="text/css">
  113. {CustomCSS}
  114.  
  115. /* ---------------- TUMBLR CONTROLS ----------------- */
  116.  
  117. iframe#tumblr_controls {
  118. right:3px!important;
  119. position:fixed!important;
  120. -webkit-transition:
  121. opacity 0.7s linear;
  122. opacity:0.5;
  123. -webkit-transition: all 0.8s ease-out;
  124. -moz-transition: all 0.8s ease-out;
  125. transition: all 0.8s ease-out;}
  126.  
  127. iframe#tumblr_controls:hover {
  128. -webkit-transition:opacity 0.7s linear;
  129. opacity:1;
  130. -webkit-transition: all 0.5s ease-out;
  131. -moz-transition: all 0.5s ease-out;
  132. transition: all 0.5s ease-out;}
  133.  
  134.  
  135. /* ---------------- SCROLLBAR AND SELECTION ----------------- */
  136.  
  137. ::-webkit-scrollbar {width: 11px;}
  138.  
  139. ::-webkit-scrollbar-track-piece
  140. {background-color: {color:Scrollbar Background};}
  141.  
  142. ::-webkit-scrollbar-thumb:vertical
  143. {width:11px;
  144. background-color: {color:Scrollbar};}
  145.  
  146. .links::-webkit-scrollbar {width:5px;}
  147.  
  148. .links::-webkit-scrollbar-track-piece
  149. {background-color: {color:Scrollbar Background};}
  150.  
  151. .links::-webkit-scrollbar-thumb:vertical
  152. {width:5px;
  153. background-color: {color:Scrollbar};}
  154.  
  155. {block:IfSelectionColor}
  156. ::selection {
  157. background:{color:Selection Background};
  158. color:{color:Selection Color};
  159. }
  160.  
  161. ::-moz-selection {
  162. background:{color:Selection Background};
  163. color:{color:Selection Color};
  164. }
  165. {/block:IfSelectionColor}
  166.  
  167. /* ---------------- BODY ----------------- */
  168.  
  169. body{
  170. font-family: {text:Font};
  171. font-size: {text:Font size}px;
  172. line-height:{text:Line height}px;
  173. background-color:{color:Background};
  174. background-image:url('{image:Background}');
  175. background-position: fixed;
  176. background-attachment:fixed;
  177. background-repeat:repeat;}
  178.  
  179. /* ---------------- LINKS ----------------- */
  180.  
  181. a {
  182. text-decoration:none;
  183. color:{color:Links};
  184. }
  185.  
  186. a:link, a:visited, a:active {
  187. text-decoration:none;
  188. -webkit-transition: all 0.5s ease;
  189. -moz-transition: all 0.5s ease;
  190. -o-transition: all 0.5s ease;
  191. }
  192.  
  193. a:hover {
  194. color:{color:Links hover};
  195. text-decoration:none;
  196. -webkit-transition: all 0.5s ease;
  197. -moz-transition: all 0.5s ease;
  198. -o-transition: all 0.5s ease;
  199. }
  200.  
  201.  
  202. /* ---------------- STYLE-MY-TOOLTIPS ----------------- */
  203.  
  204. #s-m-t-tooltip{
  205. width:auto;
  206. z-index:10;
  207. margin:24px 14px 7px 12px;
  208. padding:8px;
  209. background:#222;
  210. font-family:Calibri, sans-serif;
  211. font-size:8px;
  212. line-height:16px;
  213. color:#fff;
  214. text-transform:uppercase;
  215. border:1px solid {color:Title};
  216. }
  217.  
  218.  
  219. /* ---------------- BLOCKQUOTE ----------------- */
  220.  
  221. blockquote{
  222. padding:2.2%;
  223. margin-top:5px;
  224. margin-bottom:5px;
  225. background-color:{color:blockquote};
  226. font:11px Arial, sans-serif;
  227. }
  228.  
  229. /* ---------------- MISC ----------------- */
  230.  
  231. .titles {
  232. font-size:27px;
  233. font-style:normal;
  234. font-weight:bold;
  235. font-family:arial, sans-serif;
  236. text-align:left;
  237. text-transform:none;
  238. background-color:{color:Title Background Post};
  239. padding:19px;
  240. }
  241.  
  242. .titles:first-letter {
  243. color:{color:Title First Letter};
  244. }
  245.  
  246.  
  247. #title {
  248. position:absolute;
  249. width:600px;
  250. padding-left:20px;
  251. margin-left:-390px;
  252. margin-top:-200px;
  253. font-family:arial;
  254. font-size:22px;
  255. font-weight:bold;
  256. line-height:55px;
  257. background-color:{color:Line Title One};
  258. text-transform:none;
  259. letter-spacing:2px;
  260. text-align:left;
  261. color:{color:Line Title Body One};
  262. transform:rotate(-90deg);
  263. -webkit-transform:rotate(-90deg);
  264. -moz-transform:rotate(-90deg);
  265. -o-transform: rotate(-90deg);
  266. -webkit-transition: all 0.4s ease;
  267. -moz-transition: all 0.4s ease;
  268. -o-transition: all 0.4s ease;
  269. }
  270.  
  271. #sidebar:hover #title {
  272. letter-spacing:12px;
  273. -webkit-transition: all 0.4s ease-in;
  274. -moz-transition: all 0.4s ease-in;
  275. -o-transition: all 0.4s ease-in;
  276. }
  277.  
  278.  
  279. #garis {
  280. position:absolute;
  281. width:600px;
  282. padding-left:20px;
  283. margin-left:-320px;
  284. margin-top:-100px;
  285. font-family:arial;
  286. font-size:28px;
  287. font-weight:bold;
  288. height:45px;
  289. background-color:{color:Line Title Two};
  290. text-transform:none;
  291. letter-spacing:0px;
  292. text-align:left;
  293. color:{color:Title};
  294. z-index:-9;
  295. }
  296.  
  297. #title span {
  298. color:{color:Line Title One First Letter};
  299. }
  300.  
  301. /* ---------------- DESCRIPTION ----------------- */
  302.  
  303.  
  304. #description {
  305. color:{color:Description Text};
  306. text-align:justify;
  307. font-family: {text:Font};
  308. font-size: {text:Font size}px;
  309. width:220px;
  310. margin-top:3px;
  311. }
  312.  
  313.  
  314. #description div {
  315. position:absolute;
  316. margin-top:30px;
  317. margin-left:175px;
  318. color:{color:Sidebar Background};
  319. opacity:1;
  320. font-size:49px;
  321. -webkit-transform:rotate(180deg);
  322. -moz-transform:rotate(180deg);
  323. -o-transform: rotate(180deg);
  324. -webkit-transition: all 0.4s ease;
  325. -moz-transition: all 0.4s ease;
  326. -o-transition: all 0.4s ease;
  327. }
  328.  
  329. #sidebar:hover #description div {
  330. position:absolute;
  331. margin-top:-5px;
  332. margin-left:207px;
  333. color:{color:Line Title One};
  334. opacity:0.7;
  335. font-size:49px;
  336. -webkit-transition: all 0.4s ease;
  337. -moz-transition: all 0.4s ease;
  338. -o-transition: all 0.4s ease;
  339. -webkit-transform:rotate(0deg);
  340. -moz-transform:rotate(0deg);
  341. -o-transform: rotate(0deg);
  342. }
  343.  
  344. #description:first-letter {
  345. float:left;
  346. margin-right:8px;
  347. margin-bottom:6px;
  348. color:{color:Description Text First Letter};
  349. font-style:oblique;
  350. font-size:28px;
  351. }
  352.  
  353. #credit {
  354. position:fixed;
  355. width:130px;
  356. padding:5px;
  357. background-color:{color:Line Title One First Letter};
  358. bottom:0px;
  359. right:-120px;
  360. font-family:calibri;
  361. font-size:13px;
  362. font-weight:lighter;
  363. text-transform:uppercase;
  364. -webkit-transition: all 0.7s ease;
  365. -moz-transition: all 0.7s ease;
  366. -o-transition: all 0.7s ease;
  367. }
  368.  
  369.  
  370. #credit:hover {
  371. right:0px;
  372. color:#FFF;
  373. }
  374.  
  375. #credit a{
  376. color:#FFF;
  377. text-decoration:none;
  378. opacity:1;
  379. -webkit-transition: all 0.7s ease;
  380. -moz-transition: all 0.7s ease;
  381. -o-transition: all 0.7s ease;
  382. }
  383.  
  384. #credit a:hover {
  385. text-decoration:none;
  386. opacity:1;
  387. }
  388.  
  389. /* ---------------- SIDEBAR ----------------- */
  390.  
  391.  
  392. #sidebar {
  393. position:fixed;
  394. width:220px;
  395. padding:19px;
  396. background-color:{color:Sidebar Background};
  397. color:{color:Description Text};
  398. margin-left:120px;
  399. margin-top:200px;
  400. }
  401.  
  402.  
  403. /* ---------------- ARTICLE ----------------- */
  404.  
  405. #article-position {
  406. margin-top:40px;
  407. {block:IndexPage}
  408. width:430px;
  409. margin-left:550px;
  410. {/block:IndexPage}
  411. {block:PermalinkPage}
  412. width:530px;
  413. margin-left:650px;
  414. {/block:PermalinkPage}
  415. }
  416.  
  417. .post {
  418. {block:IndexPage}
  419. {block:IfNotBiggerPosts}
  420. width:400px;
  421. {/block:IfNotBiggerPosts}
  422. {block:IfBiggerPosts}
  423. width:500px;
  424. {/block:IfBiggerPosts}
  425. {/block:IndexPage}
  426. {block:PermalinkPage}
  427. width:500px;
  428. {/block:PermalinkPage}
  429. margin-bottom:50px;
  430. padding:28px;
  431. background-color:{color:Post};
  432. color:{color:Body};
  433. {block:IfPostShadow}
  434. box-shadow:2px 2px 3px {color:Post Shadow};
  435. {/block:IfPostShadow}
  436. border-bottom:5px solid {color:Post Border Bottom};
  437. -webkit-transition:all 0.7s ease;
  438. -moz-transition:all 0.7s ease;
  439. -o-transition:all 0.7s ease;
  440. }
  441.  
  442. .post img { max-width:100%; }
  443.  
  444. .post:hover {
  445. margin-left:85px;
  446. -webkit-transition: all 0.7s ease-in;
  447. -moz-transition: all 0.7s ease-in;
  448. -o-transition: all 0.7s ease-in;
  449. }
  450.  
  451. #permalink {
  452. position:absolute;
  453. margin-left:-125px;
  454. margin-top:-5px;
  455. width:65px;
  456. padding:10px;
  457. line-height:25px;
  458. font-family:Arial, sans-serif;
  459. font-size:18px;
  460. font-weight:bold;
  461. text-transform:uppercase;
  462. text-align:right;
  463. background-color:{color:Permalink Notes};
  464. color:{color:Permalink Text Notes};
  465. opacity:0;
  466. -webkit-transition: all 0.7s ease;
  467. -moz-transition: all 0.7s ease;
  468. -o-transition: all 0.7s ease;
  469. }
  470.  
  471. #permalink span {
  472. font-size:20px;
  473. }
  474.  
  475. .rb {
  476. position:absolute;
  477. margin-top:0px;
  478. margin-left:-125px;
  479. width:65px;
  480. line-height:25px;
  481. padding:10px;
  482. background-color:{color:Permalink Button};
  483. color:{color:Permalink Text Button};
  484. text-align:center;
  485. font:8px Calibri, sans-serif;
  486. text-transform:uppercase;
  487. opacity:0;
  488. -webkit-transition: all 0.7s ease;
  489. -moz-transition: all 0.7s ease;
  490. -o-transition: all 0.7s ease;
  491. }
  492.  
  493. .rb a {
  494. color:{color:Permalink Text Button};
  495. }
  496.  
  497. article:hover #permalink {
  498. opacity:1;
  499. -webkit-transition: all 0.7s ease;
  500. -moz-transition: all 0.7s ease;
  501. -o-transition: all 0.7s ease;
  502. }
  503.  
  504.  
  505. article:hover .rb {
  506. margin-top:70px;
  507. opacity:1;
  508. -webkit-transition: all 0.7s ease-in;
  509. -moz-transition: all 0.7s ease-in;
  510. -o-transition: all 0.7s ease-in;
  511. }
  512.  
  513. /* ---------- LINKS ----------*/
  514.  
  515. .general {
  516. position:absolute;
  517. width:250px;
  518. border-left:1px dotted #bbb;
  519. padding-left:13px;
  520. margin-top:-185px;
  521. margin-left:-95px;
  522. opacity:0;
  523. -webkit-transition: all 0.7s ease;
  524. -moz-transition: all 0.7s ease;
  525. -o-transition: all 0.7s ease;
  526. }
  527.  
  528. #sidebar:hover .general {
  529. opacity:1;
  530. margin-left:250px;
  531. }
  532.  
  533.  
  534. .general a {
  535. display:block;
  536. width:60px;
  537. font-family:Calibri;
  538. font-size:8px;
  539. margin-bottom:8px;
  540. text-transform:uppercase;
  541. padding:9px;
  542. background-color:{color:Menu Background};
  543. color:{color:Menu Background Text};
  544. -webkit-transition: all 0.7s ease;
  545. -moz-transition: all 0.7s ease;
  546. -o-transition: all 0.7s ease;
  547. }
  548.  
  549. .general a:hover {
  550. background-color:{color:Menu Background Hover};
  551. color:{color:Menu Background Text Hover};
  552. }
  553.  
  554.  
  555. .tagged {
  556. position:absolute;
  557. margin-top:42px;
  558. color:{color:Tags Links};
  559. font-family:Calibri;
  560. font-size:8px;
  561. text-transform:uppercase;
  562. }
  563.  
  564. .tagged a:hover {
  565. background-color:{color:Tags Links};
  566. color:{color:Tags Body};
  567. padding:3px;
  568. }
  569.  
  570.  
  571. .tagged span {
  572. background-color:{color:Tags Background};
  573. padding:5px;
  574. color:{color:Tags Body};
  575. margin-right:8px;
  576. border-left:20px solid {color:tags Border Left};
  577. }
  578.  
  579. /* ---------------- PERMALINK PAGE ----------------- */
  580.  
  581. #permalinks {
  582. width:500px;
  583. z-index:999;
  584. padding:28px;
  585. font-family:Calibri;
  586. text-transform:uppercase;
  587. font-size:8px;
  588. color:{color:Body};
  589. }
  590.  
  591. #permalinks li {list-style-type:none;}
  592.  
  593. #permalinks img {
  594. width:20px;
  595. height:20px;
  596. opacity:1;
  597. margin-top:5px;
  598. margin-right:7px;
  599. border:7px solid {color:Title};
  600. vertical-align:middle;
  601. }
  602.  
  603. /* ----------------- MUSIC PLAYER ---------------------- */
  604.  
  605. #music-player-rounded {
  606. position:fixed;
  607. left:175px;
  608. top:50px;
  609. width:25px;
  610. height:25px;
  611. padding-left:10px;
  612. padding-top:10px;
  613. background-color:{color:Music player};
  614. -moz-border-radius:100px;
  615. -webkit-border-radius:100px;
  616. border-radius:100px;
  617. border:5px solid {color:Music Player Border One};
  618. opacity:1;
  619. -webkit-transition: all 0.4s ease;
  620. -moz-transition: all 0.4s ease;
  621. transition: all 0.4s ease;
  622. }
  623.  
  624. #music-player-rounded:hover {
  625. -webkit-transform:rotate(360deg);
  626. -moz-transform:rotate(360deg);
  627. -o-transform: rotate(360deg);
  628. padding-left:20px;
  629. padding-top:20px;
  630. padding-right:10px;
  631. padding-bottom:10px;
  632. left:185px;
  633. top:30px;
  634. }
  635.  
  636. .music-player {
  637. margin-top:0px;
  638. margin-left:-55px;
  639. width:45px;
  640. height:45px;
  641. padding-left:10px;
  642. padding-top:10px;
  643. background-color:{color:Music Player};
  644. -moz-border-radius:100px;
  645. -webkit-border-radius:100px;
  646. border-radius:100px;
  647. border:5px solid {color:Music Player Border Two};
  648. color:{color:Music Player Border Two};
  649. opacity:0;
  650. overflow:hidden;
  651. font:12px Arial, Calibri, Cambria, sans-serif;
  652. -webkit-transition: all 0.4s ease;
  653. -moz-transition: all 0.4s ease;
  654. transition: all 0.4s ease;
  655. }
  656.  
  657. #music-player-rounded:hover .music-player {
  658. opacity:1;
  659. }
  660.  
  661. .music-player-embed {
  662. margin-left:-10px;
  663. margin-top:5px;
  664. }
  665.  
  666.  
  667.  
  668. b, em, strong{
  669. color: {color:Bold text};
  670. font-weight:bold;
  671. }
  672.  
  673. i, em {
  674. color: {color:Italic text};
  675. font-weight:lighter;
  676. font-style:italic;
  677. }
  678.  
  679. .chats .chat {
  680. background: {color:Chat Odd};
  681. padding: 5px;
  682. margin-bottom:0px;
  683. }
  684.  
  685. .chats .chat.even {
  686. background: {color:Chat Even};
  687. }
  688.  
  689. #audio {
  690. width:40px;
  691. height:40px;
  692. overflow:hidden;
  693. position:absolute;
  694. margin-top:40px;
  695. margin-bottom:45px;
  696. margin-left:50px;
  697. background-color:#FFF;
  698. z-index:999;
  699. padding-left:15px;
  700. padding-right:5px;
  701. padding-top:17px;
  702. padding-bottom:8px;
  703. opacity:1;
  704. -webkit-transition: all 0.7s ease;
  705. -moz-transition: all 0.7s ease;
  706. -o-transition: all 0.7s ease;
  707. }
  708.  
  709. #audio:hover {
  710. opacity:0.7;
  711. }
  712.  
  713. .audioplayer {
  714. position:absolute;
  715. margin-left:150px;
  716. margin-top:-153px;
  717. padding-bottom:7px;
  718. }
  719.  
  720.  
  721. .artist , .play {
  722. width:160px;
  723. margin-top:-7px;
  724. margin-left:10px;
  725. padding:5px;
  726. background-color: {color:Blockquote};
  727. }
  728.  
  729. .track {
  730. width:160px;
  731. margin-top:-7px;
  732. margin-left:10px;
  733. padding:5px;
  734. background-color:#111;
  735. color:#FFFFFF;
  736. }
  737.  
  738. .track b {
  739. color:#777;
  740. font-size:13px;
  741. }
  742.  
  743. .artist b , .play b {
  744. font-family:Calibri;
  745. font-size:13px;
  746. }
  747.  
  748. .caption-audio {
  749. width:155px;
  750. height:20px;
  751. overflow-x:hidden;
  752. padding:8px;
  753. background-color:{color:Blockquote};
  754. position:relative;
  755. margin-left:160px;
  756. margin-top:-70px;
  757. }
  758.  
  759.  
  760. #albumart {
  761. position:relative;
  762. width:100px;
  763. height:100px;
  764. border:20px solid {color:Border Blockquote};
  765. margin:0px 0px 20px 7px;
  766. }
  767.  
  768. .page {
  769. position:fixed;
  770. left:20px;
  771. bottom:20px;
  772. width:100px;
  773. margin:5px;
  774. }
  775.  
  776. .page a {
  777. color:white;
  778. }
  779.  
  780. .next {
  781. width:50px;
  782. text-align:center;
  783. background-color:{color:Line Title One};
  784. padding:10px;
  785. font-size:11px;
  786. }
  787.  
  788. .prev {
  789. width:50px;
  790. text-align:center;
  791. background-color:{color:Line Title One};
  792. padding:10px;
  793. font-size:11px;
  794. }
  795.  
  796. .source{
  797. padding:15px;;
  798. text-align:center;
  799. }
  800.  
  801. .ask {
  802. padding:10px;
  803. background-color:{color:Ask Background};
  804. color:{color:Ask Body};
  805. text-align:justify;
  806. font-family:Georgia, sans-serif;
  807. font-size:14px;
  808. font-style:italic;
  809. border-bottom:3px solid {color:Ask Background};
  810. max-width:100%;
  811. }
  812.  
  813. .asker {
  814. margin-left:10px;
  815. margin-top:22px;
  816. }
  817.  
  818. .asker img {
  819. border:6px solid {color:Post Border Bottom};
  820. }
  821.  
  822.  
  823.  
  824. .links{
  825. padding:8%;
  826. height:175px;
  827. overflow-x:hidden;
  828. text-align:justify;
  829. font:30px Arial, sans-serif;
  830. border-bottom:5px {color:Post Border Bottom};
  831. background-color:{color:Blockquote}
  832. }
  833.  
  834. .links:first-letter {
  835. color:{color:Post Border Bottom};
  836. font-size:55px;
  837. font-style:italic;
  838. }
  839.  
  840. .links span {
  841. color:{color:Quote};
  842. font-size:55px;
  843. padding-bottom:100px;
  844. float:left;
  845. margin-left:-7px;
  846. margin-right:14px;
  847. margin-top:-3px;
  848. margin-bottom:0px;
  849. }
  850.  
  851. .links div {
  852. color:{color:Post Border Bottom};
  853. font-size:35px;
  854. position:absolute!important;
  855. margin-top:195px;
  856. margin-left:80px;
  857. }
  858.  
  859.  
  860. .sa {
  861. font-size:27px;
  862. font-style:normal;
  863. font-weight:bold;
  864. font-family:arial, sans-serif;
  865. text-align:left;
  866. text-transform:none;
  867. background-color:{color:Title Background Post};
  868. padding:19px;
  869. }
  870.  
  871. .sa:first-letter {
  872. color:{color:Title First Letter};
  873. }
  874.  
  875. .si {
  876. font-size:27px;
  877. font-style:normal;
  878. font-weight:bold;
  879. font-family:arial, sans-serif;
  880. text-align:left;
  881. text-transform:none;
  882. background-color:{color:Title Background Post};
  883. padding:19px;
  884. }
  885.  
  886. .si:first-letter {
  887. color:{color:Title First Letter};
  888. }
  889.  
  890. .pagination {
  891. position:absolute;
  892. margin-top:90px;
  893. text-align:center;
  894. color:{color:Body);
  895. background-color:{color:Sidebar Background};
  896. padding:7px;
  897. }
  898.  
  899.  
  900. </style>
  901.  
  902.  
  903. {block:IfLazyLoadPosts}
  904. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/bSRlru5tz/jquery.js"></script>
  905. <script type="text/javascript" src="http://static.tumblr.com/bsabj7h/jPqlru5uc/lazyload.js"></script>
  906. <script type="text/javascript" charset="utf-8">
  907. var $j = jQuery.noConflict();
  908. $j(function() {
  909. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  910. $j("img").lazyload({
  911. placeholder : "http://static.tumblr.com/bsabj7h/UV0lru5uq/holder.gif",
  912. effect: "fadeIn",});});
  913. </script>
  914. {/block:IfLazyLoadPosts}
  915.  
  916. {block:IfInfiniteScrolling}
  917. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  918. {/block:IfInfiniteScrolling}
  919.  
  920.  
  921. <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  922.  
  923. </head>
  924. <body>
  925.  
  926.  
  927. <div id="music-player-rounded">
  928.  
  929. <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif">
  930.  
  931. <div class="music-player">
  932. <div class="music-player-embed">
  933.  
  934. {text:Music Player Code}
  935.  
  936. </div>
  937. </div>
  938. </div>
  939.  
  940. <aside id="sidebar">
  941. <div id="title">
  942.  
  943. <span>{text:First Letter of Title}</span>{text:Title}
  944.  
  945. </div>
  946.  
  947. <div id="garis"></div>
  948.  
  949. <div id="description">
  950.  
  951. {Description}
  952.  
  953. <div>◢</div>
  954.  
  955. </div>
  956.  
  957. <div class="general">
  958.  
  959. <a title="Back to Index" href="/">Index</a>
  960. <a title="Ask me anything!" href="/ask">Message</a>
  961. <a title="Archive" href="/archive">Archive</a>
  962. <a title="{text:Custom Link One}" href="{text:Custom Link One URL}">{text:Custom Link One}</a>
  963. <a title="{text:Custom Link Two}" href="{text:Custom Link Two URL}">{text:Custom Link Two}</a>
  964.  
  965. </div>
  966.  
  967. </aside>
  968.  
  969. <div id="article-position">
  970.  
  971.  
  972. {block:Posts}
  973.  
  974. <article class="post">
  975.  
  976. <div id="permalink">
  977. {NoteCount} <span>Notes</span>
  978.  
  979. </div>
  980.  
  981. <div class="rb">
  982. <a href="{Permalink}">Permalink</a>
  983. </div>
  984.  
  985. {block:Text}
  986. {block:Title}
  987. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  988. {/block:Title}
  989. {Body}
  990. {/block:Text}
  991.  
  992. {block:Photo}
  993. {block:PermalinkPage}
  994. {LinkOpenTag}
  995. <img src="{PhotoURL-500}">
  996. {LinkCloseTag}
  997. {/block:PermalinkPage}
  998.  
  999. {block:IndexPage}
  1000.  
  1001. {block:IfNotBiggerPosts}
  1002. {LinkOpenTag}
  1003. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1004. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  1005. {LinkCloseTag}
  1006. {/block:IfNotBiggerPosts}
  1007.  
  1008. {block:IfBiggerPosts}
  1009. {LinkOpenTag}
  1010. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1011. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  1012. {LinkCloseTag}
  1013. {/block:IfBiggerPosts}
  1014.  
  1015. {/block:IndexPage}
  1016.  
  1017. {block:IfShowCaption}
  1018. {block:Caption}{Caption}{/block:Caption}
  1019. {/block:IfShowCaption}
  1020.  
  1021. {block:IfNotShowCaption}{block:PermalinkPage}
  1022. {block:Caption}{Caption}{/block:Caption}
  1023. {block:PermalinkPage}{/block:IfNotShowCaption}
  1024. {/block:Photo}
  1025.  
  1026. {block:Photoset}
  1027. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  1028. {block:IndexPage}
  1029. {block:IfNotBiggerPosts}{Photoset-400}{/block:IfNotBiggerPosts}
  1030. {block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}
  1031. {/block:IndexPage}
  1032.  
  1033. {block:IfShowCaption}
  1034. {block:Caption}{Caption}{/block:Caption}
  1035. {/block:IfShowCaption}
  1036.  
  1037. {block:IfNotShowCaption}{block:PermalinkPage}
  1038. {block:Caption}{Caption}{/block:Caption}
  1039. {block:PermalinkPage}{/block:IfNotShowCaption}
  1040. {/block:Photoset}
  1041.  
  1042. {block:Quote}
  1043. <div class="links">
  1044.  
  1045. <span>❝</span>
  1046.  
  1047. <div>◥</div>
  1048.  
  1049. {Quote}
  1050.  
  1051. </div>
  1052. {block:Source}
  1053. <div class="source"> — {Source} </div>
  1054. {/block:Source}
  1055. {/block:Quote}
  1056.  
  1057. {block:Link}
  1058. <div class="sa">
  1059. <a href="{URL}" {Target}>{Name}</a>
  1060. </div>
  1061. {block:Description}
  1062. {Description}
  1063. {/block:Description}
  1064. {/block:Link}
  1065.  
  1066. {block:Chat}
  1067. {block:Title}
  1068. <div class="si">{Title}</div>
  1069. {/block:Title}
  1070. {block:Lines}
  1071. {block:Label}<b>{Label}</b>{/block:Label}
  1072. {Line}
  1073. <br>
  1074. {/block:Lines}
  1075. {/block:Chat}
  1076.  
  1077. {block:Audio}
  1078. <div id="audio">{AudioPlayerWhite} </div>
  1079. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  1080. <div class="audioplayer">
  1081. <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>
  1082.  
  1083. {block:Caption} <div class="caption-audio">{Caption}</div> {/block:Caption}
  1084. {/block:Audio}
  1085.  
  1086. {block:Video}
  1087. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1088. {block:IndexPage}{block:IfNotBiggerPosts}{Video-400}{/block:IfNotBiggerPosts}
  1089. {block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}{/block:IndexPage}
  1090.  
  1091. {block:IfShowCaption}
  1092. {block:Caption}{Caption}{/block:Caption}
  1093. {/block:IfShowCaption}
  1094.  
  1095. {block:IfNotShowCaption}{block:PermalinkPage}
  1096. {block:Caption}{Caption}{/block:Caption}
  1097. {block:PermalinkPage}{/block:IfNotShowCaption}
  1098. {/block:Video}
  1099.  
  1100. {block:Answer}
  1101. <div class="ask">
  1102. {Question}
  1103. </div>
  1104.  
  1105. <div class="asker">
  1106. <div style="position:absolute;margin-top:-27px;margin-left:10px;color:{color:Ask Background};font-size:29px;">▼</div>
  1107. <img src="{AskerPortraitURL-30}">
  1108.  
  1109. <div style="text-transform:uppercase;font:11px calibri;position:absolute;margin-left:50px;margin-top:-30px;">{Asker}</div>
  1110. </div>
  1111. <p>
  1112. {Answer}
  1113. {/block:Answer}
  1114.  
  1115. {block:IndexPage}
  1116. {block:IfShowTags}
  1117. <div class="tagged">
  1118. {block:HasTags}
  1119. <span> file under: </span>
  1120. {block:Tags}
  1121. <a href="{TagURL}">#{Tag}</a>
  1122. {/block:Tags}
  1123. {/block:HasTags}
  1124. </div>
  1125. {/block:IfShowTags}
  1126. {/block:IndexPage}
  1127.  
  1128. </article>
  1129.  
  1130.  
  1131. {block:PermalinkPage}
  1132.  
  1133. <!-- All content by Fukuo -->
  1134. <div id="permalinks">
  1135. {block:Date}
  1136. <center><span style="font-family:Arial;font-weight:bold;text-transform:uppercase; font-size:25px;margin-top:5px;margin-bottom:5px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center><br/>{/block:Date}
  1137. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  1138. <br>
  1139. {block:RebloggedFrom}<b>original:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1140. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>
  1141. {block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  1142. <br>
  1143. <div style="border-bottom:1px solid {color:border blockquote};margin-bottom:5px;"></div>
  1144. {block:PostNotes}
  1145. {PostNotes}
  1146. {/block:PostNotes}
  1147. </div>
  1148. {/block:PermalinkPage}
  1149. {/block:Posts}
  1150. </div>
  1151.  
  1152.  
  1153. {block:IfNotInfiniteScrolling}
  1154. <div class="page">
  1155. {block:PreviousPage}<a title="Newer" href="{PreviousPage}" class="prev">PREV</a>{/block:PreviousPage}<p><p><p><p><p><br>{block:NextPage}<a title="Older" href="{NextPage}" class="next">NEXT</a>{/block:NextPage}
  1156. </div>
  1157. {block:IfNotInfiniteScrolling}
  1158.  
  1159. <!-- NO! -->
  1160. <div id="credit" title="Created by Fukuo">
  1161. <a href="http://faluvtha.tumblr.com/">✂ Theme by Faluvtha</a>
  1162. </div>
  1163.  
  1164. </body>
  1165. </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!