API tools faq
paste
Advertisement
faluvtha

[#33] — Europhia.

faluvtha
May 18th, 2013
9,443
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Themes by Faluvtha@tumblr.com
  4.  
  5. -------[ 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28. <meta name="if:Loading Bar Before Page Loaded" content="1"/>
  29. <meta name="if:Gradient on Bottom" content="1"/>
  30. <meta name="if:Bigger Posts" content="0"/>
  31. <meta name="if:Show Caption" content="0"/>
  32. <meta name="if:Custom ScrollBar" content="1"/>
  33. <meta name="if:Custom Selection Color" content="1"/>
  34. <meta name="if:Music Player" content="1"/>
  35. <meta name="if:Infinite Scrolling" content="0"/>
  36. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_lzvjakQDzV1qhvdofo8_250.png"/>
  37. <meta name="color:Background" content="#eee" />
  38. <meta name="color:Post Border" content="#222" />
  39. <meta name="color:Sidebar Border" content="#222" />
  40. <meta name="color:Body" content="#777777" />
  41. <meta name="color:Description Text" content="#777" />
  42.  
  43. <meta name="color:Blockquote" content="#eeeeee" />
  44. <meta name="color:Border Blockquote" content="#777777" />
  45.  
  46. <meta name="color:Title" content="#ffffff"/>
  47. <meta name="color:Title First Letter" content="#DE8810"/>
  48.  
  49. <meta name="color:Title Background" content="#818f78"/>
  50. <meta name="color:Title Post" content="#000000"/>
  51. <meta name="color:Title Background Post" content="#818f78"/>
  52.  
  53. <meta name="color:Ask background" content="#eeeeee"/>
  54. <meta name="color:Links" content="#37485f" />
  55. <meta name="color:Links Hover" content="#aaa" />
  56. <meta name="color:Jump Page" content="#de8110" />
  57. <meta name="color:Jump Page Body" content="#FFF" />
  58. <meta name="color:Current Page Background" content="#37485f" />
  59. <meta name="color:Current Page Body" content="#FFF" />
  60. <meta name="color:Bold text" content="#101010" />
  61. <meta name="color:Italic text" content="#101010" />
  62. <meta name="color:Selection Background" content="#818f78" />
  63. <meta name="color:Selection Color" content="#fff" />
  64. <meta name="color:Scrollbar" content="#000000" />
  65. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  66. <meta name="text:Font" content="arial"/>
  67. <meta name="text:Font Size" content="12"/>
  68. <meta name="text:Line height" content="14"/>
  69. <meta name="text:Music Player Code" content="Music Player Code"/>
  70. <meta name="text:Custom Link One" content="Link 1"/>
  71. <meta name="text:Custom Link One URL" content=""/>
  72. <meta name="text:Custom Link Two" content="Link 2"/>
  73. <meta name="text:Custom Link Two URL" content=""/>
  74.  
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script src="http://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  77. <script src="http://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:200,
  84. tip_fade_speed:300,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <style type="text/css">
  92. {CustomCSS}
  93.  
  94. iframe#tumblr_controls {
  95. right:3px!important;
  96. position:fixed!important;
  97. -webkit-transition:
  98. opacity 0.7s linear;
  99. opacity:0.5;
  100. -webkit-transition: all 0.8s ease-out;
  101. -moz-transition: all 0.8s ease-out;
  102. transition: all 0.8s ease-out;}
  103.  
  104. iframe#tumblr_controls:hover {
  105. -webkit-transition:opacity 0.7s linear;
  106. opacity:1;
  107. -webkit-transition: all 0.5s ease-out;
  108. -moz-transition: all 0.5s ease-out;
  109. transition: all 0.5s ease-out;}
  110.  
  111. {block:IfCustomSelectionColor}
  112. ::selection {
  113. background:{color:Selection Background};
  114. color:{color:Selection Color};
  115. }
  116.  
  117. ::-moz-selection {
  118. background:{color:Selection Background};
  119. color:{color:Selection Color};
  120. }
  121.  
  122. ::-o-selection {
  123. background:{color:Selection Background};
  124. color:{color:Selection Color};
  125. }
  126.  
  127. ::-webkit-selection {
  128. background:{color:Selection Background};
  129. color:{color:Selection Color};
  130. }
  131.  
  132. {/block:IfCustomSelectionColor}
  133.  
  134. {block:IfCustomScrollBar}
  135. ::-webkit-scrollbar {width:5px;}
  136.  
  137. ::-webkit-scrollbar-track-piece
  138. {background-color: {color:Scrollbar Background};}
  139.  
  140. ::-webkit-scrollbar-thumb:vertical{
  141. width:5px;
  142. background-color:{color:Scrollbar};
  143. }
  144. {/block:IfCustomScrollBar}
  145.  
  146. body{
  147. font-family: {text:Font};
  148. font-size: {text:Font size}px;
  149. line-height:{text:Line height}px;
  150. background-color:{color:Background};
  151. background-image:url('{image:Background}');
  152. background-position: fixed;
  153. background-attachment:fixed;
  154. background-repeat:repeat;
  155. -webkit-font-smoothing:antialiased;
  156. }
  157.  
  158. a {
  159. text-decoration:none;
  160. color:{color:Links};
  161. }
  162.  
  163. a:link, a:visited, a:active {
  164. text-decoration:none;
  165. -webkit-transition: all 0.5s ease;
  166. -moz-transition: all 0.5s ease;
  167. -o-transition: all 0.5s ease;
  168. }
  169.  
  170. a:hover {
  171. color:{color:Links hover};
  172. text-decoration:none;
  173. -webkit-transition: all 0.7s ease;
  174. -moz-transition: all 0.7s ease;
  175. -o-transition: all 0.7s ease;
  176. }
  177.  
  178. blockquote{
  179. padding:5px;
  180. margin-top:5px;
  181. margin-bottom:5px;
  182. border-left:6px solid {color:border blockquote};
  183. background-color:{color:blockquote};
  184. }
  185.  
  186.  
  187. #permalink-posts {
  188. position:absolute;
  189. width:400px;
  190. padding:1px 5px 1px 10px;
  191. margin-bottom:5px;
  192. color:{color:Body};
  193. margin-top:45px;
  194. margin-left:-20px;
  195. border-left:50px solid {color:Links};
  196. }
  197.  
  198.  
  199. #left-sidebar {
  200. position:fixed;
  201. margin-left:-280px;
  202. margin-top:200px;
  203. width:200px;
  204. height:200px;
  205. padding:15px;
  206. text-align:center;
  207. font-family:consolas;
  208. font-size:8px;
  209. -webkit-transition: all 0.6s ease-out;
  210. -moz-transition: all 0.6s ease-out;
  211. -o-transition: all 0.6s ease-out;
  212. }
  213.  
  214.  
  215. #links {
  216. color:#FFF;
  217. font-size:120px;
  218. margin-top:220px;
  219. margin-left:265px;
  220. position:absolute;
  221. opacity:0;
  222. -webkit-transition: all 0.6s ease-out;
  223. -moz-transition: all 0.6s ease-out;
  224. -o-transition: all 0.6s ease-out;
  225. }
  226.  
  227.  
  228. #permalinks {
  229. width:500px;
  230. z-index:999;
  231. padding:7%;
  232. text-decoration:none;
  233. color:{color:Body};
  234. border-bottom:1px solid transparent;
  235. }
  236.  
  237. #permalinks li {list-style-type:square;}
  238.  
  239. #permalinks img {
  240. width:20px;
  241. height:20px;
  242. opacity:1;
  243. margin-top:5px;
  244. margin-right:7px;
  245. display:none;
  246. vertical-align:middle;
  247. }
  248.  
  249. /* Loading Bar sebelum page benar-benar muncul dan Style-my-tooltips */
  250.  
  251. #s-m-t-tooltip{
  252. /* basic */
  253. max-width:300px;
  254. z-index:10;
  255. margin:24px 14px 7px 12px;
  256. /* style and design */
  257. padding:8px;
  258. background-color:black;
  259. background-image:radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
  260. radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
  261. radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
  262. radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
  263. background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
  264. background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
  265. -moz-border-radius:3px;
  266. -webkit-border-radius:3px;
  267. border-radius:3px;
  268. border:1px solid #bbb;
  269. /* font */
  270. font-family:consolas;
  271. font-size:11px;
  272. line-height:16px;
  273. color:#777;
  274. }
  275.  
  276. #loading {
  277. position: fixed;
  278. z-index: 50;
  279. top: 0; left: 0;
  280. width: 100%; height: 100%;
  281. background-color:#000;
  282. opacity:1;
  283. line-height: 350px;
  284. text-align: center;
  285. font-size: 36px;
  286. color: #353231;
  287. text-indent: -9999px;
  288. }
  289.  
  290. .v2 #loading { display: none; }
  291.  
  292. #progress-bar {
  293. position: absolute;
  294. top: 0; left: 0;
  295. background: #f3f3f3;
  296. opacity: 0.8;
  297. width: 0;
  298. height:0;
  299. }
  300.  
  301. #loader {
  302. height:100%;
  303. background-image:url('http://i47.tinypic.com/2wmp2wx.gif');
  304. background-position:50% 50%;
  305. background-repeat:no-repeat;
  306. background-size:350px;
  307. display:block;
  308. color:#FFF;
  309. font:30px Courier New, monospace;
  310. }
  311.  
  312. #description {
  313. position:absolute;
  314. color:#999;
  315. text-align:justify;
  316. font-family: {text:Font};
  317. font-size: {text:Font size}px;
  318. width:220px;
  319. padding:12px;
  320. margin-top:55px;
  321. margin-left:-23px;
  322. background-color:transparent;
  323. border:1px dotted #111;
  324. }
  325.  
  326. #description:first-letter {
  327. color:{color:Title First Letter};
  328. font-size:29px;
  329. font-style:italic;
  330. }
  331.  
  332. #description h3 {
  333. font-size:22px;
  334. color:{color:Title};
  335. margin-top:-45px;
  336. position:relative;
  337. }
  338.  
  339. .jump_page {
  340. padding: 4px 8px;
  341. background-color:{color:Jump Page};
  342. color:{color:Jump Page Body};
  343. font-family:Consolas, Arial, sans-serif;
  344. font-size:11px;
  345. text-decoration:none;
  346. }
  347.  
  348. .current_page, .jump_page:hover {
  349. padding:8px 12px;
  350. background-color:{color:Current Page Background};
  351. color:{color:Current Page Body};
  352. font-family:Consolas, Arial, sans-serif;
  353. font-size:11px;
  354. text-decoration:none;
  355. }
  356.  
  357. .titles {
  358. font-size:20px;
  359. font-style:normal;
  360. font-weight:lighter;
  361. font-family:Courier New;
  362. text-align:center;
  363. padding-left:10px;
  364. text-transform:uppercase;
  365. background-color:none!important;
  366. padding:2%;
  367. }
  368.  
  369. .titles span {
  370. color:#fff;
  371. border-bottom:2px solid #de8110;
  372. }
  373.  
  374.  
  375. .icon {
  376. width:180px;
  377. height:180px;
  378. padding:8px;
  379. background-color:#222;
  380. }
  381.  
  382. .icon img {
  383. display:block;
  384. }
  385.  
  386.  
  387. #title {
  388. width:155px;
  389. position:absolute;
  390. margin-top:-70px;
  391. margin-left:-7px;
  392. font-family:cambria;
  393. font-size:27px;
  394. font-weight:lighter;
  395. text-transform:none;
  396. font-style:italic;
  397. line-height:30px;
  398. background-color:{color:Title background};
  399. letter-spacing:-1px;
  400. padding:7px 9px 7px 7px;
  401. text-align:center;
  402. color:{color:Title};
  403. display:none;
  404. }
  405.  
  406.  
  407. #credit {
  408. position:fixed;
  409. width:130px;
  410. padding:5px;
  411. background-color:{color:Links};
  412. bottom:0px;
  413. right:-120px;
  414. font-family:calibri;
  415. font-size:13px;
  416. font-weight:lighter;
  417. text-transform:uppercase;
  418. -webkit-transition: all 0.7s ease;
  419. -moz-transition: all 0.7s ease;
  420. -o-transition: all 0.7s ease;
  421. }
  422.  
  423.  
  424. #credit:hover {
  425. right:0px;
  426. color:#FFF;
  427.  
  428. }
  429.  
  430. #credit a{
  431. color:#FFF;
  432. text-decoration:none;
  433. opacity:1;
  434. -webkit-transition: all 0.7s ease;
  435. -moz-transition: all 0.7s ease;
  436. -o-transition: all 0.7s ease;
  437. }
  438.  
  439. #credit a:hover {
  440. text-decoration:none;
  441. opacity:1;
  442. }
  443.  
  444.  
  445. #music {
  446. position:fixed;
  447. left:100px;
  448. bottom:50px;
  449. padding-top:20px;
  450. padding-bottom:10px;
  451. height:40px;
  452. width:100px;
  453. text-align:center;
  454. font-family:consolas;
  455. text-transform:uppercase;
  456. font-size:8px;
  457. opacity:1;
  458. opacity:0.7;
  459. -webkit-transition: all 0.7s ease;
  460. -moz-transition: all 0.7s ease;
  461. -o-transition: all 0.7s ease;
  462. -moz-border-radius: 10px 0px 0px 10px;
  463. }
  464.  
  465.  
  466. #music:hover {
  467. -webkit-transition: all 0.4s ease-in;
  468. -moz-transition: all 0.4s ease-in;
  469. -o-transition: all 0.4s ease-in;
  470. }
  471.  
  472.  
  473. #musicu {
  474. opacity:0;
  475. position:absolute;
  476. margin-left:0px;
  477. margin-top:-5px;
  478. -webkit-transition: all 0.4s ease-in;
  479. -moz-transition: all 0.4s ease-in;
  480. -o-transition: all 0.4s ease-in;
  481. }
  482.  
  483. #music:hover #musicu {
  484. opacity:1;
  485. margin-top:-25px;
  486. }
  487.  
  488. #musica {
  489. position:absolute;
  490. margin-top:0px;
  491. margin-left:50px;
  492. -webkit-transition: all 0.7s ease;
  493. -moz-transition: all 0.7s ease;
  494. -o-transition: all 0.7s ease;
  495.  
  496. }
  497.  
  498. #music:hover #musica {
  499. margin-left:-50px;
  500. opacity:0;
  501. }
  502.  
  503. #menu-position {
  504. position:fixed!important;
  505. margin-left:-450px;
  506. margin-top:200px;
  507. width:250px;
  508. padding:0;
  509. }
  510.  
  511. .menu_rounded_satu {
  512. position:absolute;
  513. margin-left:0px;
  514. margin-top:-50px;
  515. width:30px;
  516. height:30px;
  517. -moz-border-radius:30px;
  518. -o-border-radius:30px;
  519. border-radius:30px;
  520. -webkit-border-radius:30px;
  521. background-color:#de8110;
  522. -webkit-transition: all 0.7s ease;
  523. -moz-transition: all 0.7s ease;
  524. -o-transition: all 0.7s ease;
  525. }
  526.  
  527.  
  528. .menu_rounded_satu:hover {
  529. margin-left:0px;
  530. margin-top:-60px;
  531. width:50px;
  532. height:50px;
  533. -moz-border-radius:50px;
  534. -o-border-radius:50px;
  535. border-radius:50px;
  536. -webkit-border-radius:50px;
  537. }
  538.  
  539.  
  540. .menu_rounded_dua {
  541. position:absolute;
  542. margin-left:-30px;
  543. margin-top:0px;
  544. width:40px;
  545. height:40px;
  546. -moz-border-radius:40px;
  547. -o-border-radius:40px;
  548. border-radius:40px;
  549. -webkit-border-radius:40px;
  550. background-color:{color:Links};
  551. -webkit-transition: all 0.7s ease;
  552. -moz-transition: all 0.7s ease;
  553. -o-transition: all 0.7s ease;
  554. }
  555.  
  556. .menu_rounded_dua:hover {
  557. -webkit-border-top-right-radius: 150px;
  558. -webkit-border-bottom-left-radius: 150px;
  559. -moz-border-radius-topright: 150px;
  560. -moz-border-radius-bottomleft: 150px;
  561. border-top-right-radius: 150px;
  562. border-bottom-left-radius: 150px;
  563. }
  564.  
  565. .menu_rounded_tiga {
  566. position:absolute;
  567. margin-left:-30px;
  568. margin-top:70px;
  569. width:45px;
  570. height:45px;
  571. -moz-border-radius:45px;
  572. -o-border-radius:45px;
  573. border-radius:45px;
  574. -webkit-border-radius:45px;
  575. background-color:#EEE;
  576. border:5px solid #EEE;
  577. -webkit-transition: all 0.7s ease;
  578. -moz-transition: all 0.7s ease;
  579. -o-transition: all 0.7s ease;
  580. }
  581.  
  582. .menu_rounded_tiga:hover {
  583. -moz-border-radius:9px;
  584. -o-border-radius:9px;
  585. border-radius:9px;
  586. -webkit-border-radius:9px;
  587. border:5px solid transparent;
  588. background-color:#de8110;
  589. }
  590.  
  591. .menu_rounded_empat {
  592. position:absolute;
  593. margin-left:-10px;
  594. margin-top:150px;
  595. width:60px;
  596. height:60px;
  597. -moz-border-radius:60px;
  598. -o-border-radius:60px;
  599. border-radius:60px;
  600. -webkit-border-radius:60px;
  601. background-color:#444;
  602. border:5px solid #444;
  603. -webkit-transition: all 0.7s ease;
  604. -moz-transition: all 0.7s ease;
  605. -o-transition: all 0.7s ease;
  606. }
  607.  
  608. .menu_rounded_empat:hover {
  609. transform:rotateX(180deg);
  610. -moz-transform:rotateX(180deg);
  611. -o-transform:rotateX(180deg);
  612. -webkit-transform:rotateX(180deg);
  613. }
  614.  
  615. .menu_rounded_lima {
  616. position:absolute;
  617. margin-left:50px;
  618. margin-top:230px;
  619. width:60px;
  620. height:60px;
  621. -moz-border-radius:60px;
  622. -o-border-radius:60px;
  623. border-radius:60px;
  624. -webkit-border-radius:60px;
  625. background-color:#222;
  626. -webkit-transition: all 0.7s ease;
  627. -moz-transition: all 0.7s ease;
  628. -o-transition: all 0.7s ease;
  629. }
  630.  
  631. .menu_rounded_lima:hover {
  632. transform:rotateY(180deg);
  633. -moz-transform:rotateY(180deg);
  634. -o-transform:rotateY(180deg);
  635. -webkit-transform:rotateY(180deg);
  636. }
  637.  
  638.  
  639. #article-position {
  640. margin:0 auto;
  641. padding-bottom:150px;
  642. margin-top:30px;
  643. margin-bottom:10px;
  644. {block:IndexPage}
  645. width:430px;
  646. {block:IfBiggerPosts}
  647. width:530px;
  648. {/block:IfBiggerPosts}
  649. padding-left:400px;
  650. padding-right:100px;
  651. {/block:IndexPage}
  652. {block:PermalinkPage}
  653. width:530px;
  654. padding-left:450px;
  655. padding-right:15px;
  656. {/block:PermalinkPage}
  657. }
  658.  
  659. #position-gradient {
  660. /* IE10 Consumer Preview */
  661. background-image:-ms-linear-gradient(top, transparent 0%, #000000 100%);
  662.  
  663. /* Mozilla Firefox */
  664. background-image:-moz-linear-gradient(top, transparent 0%, #000000 100%);
  665.  
  666. /* Opera */
  667. background-image:-o-linear-gradient(top, transparent 0%, #000000 100%);
  668.  
  669. /* Webkit (Safari/Chrome 10) */
  670. background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #000 ), color-stop(1, #000000));
  671.  
  672. /* Webkit (Chrome 11+) */
  673. background-image:-webkit-linear-gradient(top, #000 0%, #000000 100%);
  674.  
  675. /* W3C Markup, IE10 Release Preview */
  676. background-image:linear-gradient(to bottom, transparent 0%, #000000 100%);
  677. {block:IfNotBiggerPosts}
  678. width:350px;
  679. {/block:IfNotBiggerPosts}
  680. {block:IfBiggerPosts}
  681. width:450px;
  682. {/block:IfBiggerPosts}
  683. position:fixed;
  684. bottom:0px;
  685. margin-left:0px;
  686. padding:50px;
  687. }
  688.  
  689.  
  690. .post {
  691. {block:IndexPage}
  692. {block:IfNotBiggerPosts}
  693. width:400px;
  694. {/block:IfNotBiggerPosts}
  695. {block:IfBiggerPosts}
  696. width:500px;
  697. {/block:IfBiggerPosts}
  698. {/block:IndexPage}
  699. {block:PermalinkPage}
  700. width:500px;
  701. {/block:PermalinkPage}
  702. margin-bottom:15%;
  703. padding:7%;
  704. background-color: rgba(0, 0, 0, 0.2);
  705. border:1px dotted #222;
  706. color:{color:Body};
  707. }
  708.  
  709. .post img { max-width:100%; }
  710.  
  711. b, em, strong{
  712. color: {color:Bold text};
  713. font-weight:bold;
  714. }
  715.  
  716. i, em {
  717. color: {color:Italic text};
  718. font-weight:lighter;
  719. font-style:italic;
  720. }
  721.  
  722. .audio {
  723. background-color:#E7E7E7;
  724. margin-top:30px;
  725. width:100%;
  726. overflow:hidden;
  727. }
  728.  
  729. .album{
  730. margin-right:0px;
  731. margin-bottom:18px;
  732. padding-bottom:5px;
  733. }
  734.  
  735. .album img{
  736. display:visible;
  737. border-radius:100px;
  738. width:100px;
  739. float:right;
  740. margin-top:-60px;
  741. margin-right:10px;
  742. -webkit-transition: all 1s ease;
  743. -moz-transition: all 1s ease;
  744. -o-transition: all 1s ease;
  745. }
  746.  
  747. .album img:hover {
  748. border-radius:0px;
  749. border: 5px solid {color:Blockquote};
  750. -webkit-transition: all 0.4s ease-in;
  751. -moz-transition: all 0.4s ease-in;
  752. -o-transition: all 0.4s ease-in;
  753. }
  754.  
  755. .audioplayer{
  756. max-width:250px;
  757. position: relative;
  758. margin-top:5px;
  759. margin:5px;
  760. padding:3px;
  761. Background-color: {color:Blockquote};
  762. border-left: 5px solid {color:Border Blockquote};
  763. }
  764.  
  765. .source{
  766. font-style:italic;
  767. text-align:right;
  768. padding:10px;
  769. }
  770.  
  771. .ask{
  772. margin-left:50px;
  773. padding:10px;
  774. background-color:{color:blockquote};
  775. padding:5px;
  776. font-family:consolas;
  777. text-transform:uppercase;
  778. font-size:8px;
  779. border-bottom:3px solid {color:border blockquote};
  780. max-width:100%;
  781. }
  782.  
  783. .asker {
  784. float:left;
  785. }
  786.  
  787. .asker img {
  788. border:5px solid {color:blockquote};
  789. }
  790.  
  791.  
  792. .links{
  793. padding:10px;
  794. text-align:justify;
  795. font-family:Courier New;
  796. font-size:15px;
  797. font-style:none;
  798. line-height:33px;
  799. border-bottom:1px solid {color:border blockquote};
  800. border-bottom:3px solid {color:Title Background Post};
  801. }
  802.  
  803. .kutip {
  804. position:relative;
  805. width:50px;
  806. font-size:80px;
  807. float:left;
  808. margin-top:15px;
  809. margin-right:15px;
  810. margin-left:-23px;
  811. padding-top:16px;
  812. padding-right:10px;
  813. padding-left:8px;
  814. padding-bottom:5px;
  815. }
  816.  
  817.  
  818. .si {
  819. font-size:20px;
  820. font-style:normal;
  821. font-weight:lighter;
  822. font-family:Courier New;
  823. text-align:center;
  824. padding-left:10px;
  825. text-transform:uppercase;
  826. background-color:none!important;
  827. padding:2%;
  828. }
  829.  
  830. .si a, span {
  831. color:#fff;
  832. border-bottom:2px solid #de8110;
  833. }
  834.  
  835. .sa {
  836. font-size:20px;
  837. font-style:normal;
  838. font-weight:lighter;
  839. font-family:Courier New;
  840. text-align:center;
  841. padding-left:10px;
  842. text-transform:uppercase;
  843. background-color:none!important;
  844. padding:2%;
  845. }
  846.  
  847. .sa a, span {
  848. color:#fff;
  849. border-bottom:2px solid #de8110;
  850. }
  851.  
  852.  
  853. .pagination {
  854. position:absolute;
  855. margin-top:90px;
  856. text-align:center;
  857. color:{color:Body);
  858. background-color:{color:Sidebar Background};
  859. padding:7px;
  860. }
  861.  
  862.  
  863. </style>
  864.  
  865. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  866.  
  867. <script type="text/javascript">
  868. $(document).ready(function(){
  869. if (location.pathname != '/') $('#loading').css("display", "none");
  870. });
  871. $(window).load(function() { $("#loading").delay(4000).fadeOut("slow");
  872. });
  873. </script>
  874.  
  875. {block:IfInfiniteScrolling}
  876. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  877. {/block:IfInfiniteScrolling}
  878.  
  879. <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/sn/trunk/html5.js"></script><![endif]-->
  880.  
  881. </head>
  882. <body>
  883.  
  884. {block:IfLoadingBarBeforePageLoaded}
  885. <div id='loading'>
  886. <div id='progress-bar'></div>
  887. <div id='loader'>
  888. </div>
  889. </div>
  890. {/block:IfLoadingBarBeforePageLoaded}
  891.  
  892.  
  893. {block:IfMusicPlayer}
  894. <div id="music">
  895. <div id="musica">
  896. <img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
  897. </div>
  898. <br>
  899. <br>
  900. <br>
  901. <div id="musicu">
  902. <center>{text:Music Player Code}</center>
  903. </div>
  904. </div>
  905. {/block:IfMusicPlayer}
  906.  
  907. <div id="article-position">
  908.  
  909. <div id='position-gradient'></div>
  910.  
  911. <div id="menu-position">
  912. <a title="Home" href="/" class="menu_rounded_satu"></a>
  913. <a title="Ask me anything!" href="/ask" class="menu_rounded_dua"></a>
  914. <a title="History" href="/archive" class="menu_rounded_tiga"></a>
  915. <a title="{text:Custom Link One}" href="{text:Custom Link One URL}" class="menu_rounded_empat"></a>
  916. <a title="{text:Custom Link Two}" href="{text:Custom Link Two URL}" class="menu_rounded_lima"></a>
  917. </div>
  918.  
  919. <div id="left-sidebar">
  920. <div id="description">
  921. <h3>Sanctuary ☰</h3>
  922. {Description}
  923. </div>
  924. </div>
  925.  
  926. {block:IfInfiniteScrolling}
  927. <div class="autopagerize_page_element">
  928. {/block:IfInfiniteScrolling}
  929.  
  930. {block:Posts}
  931.  
  932. <article class="post">
  933.  
  934. {block:Text}
  935. {block:Title}
  936. <div class="titles">
  937. <span>
  938. {Title}
  939. </span>
  940. </div>
  941.  
  942. {/block:Title}
  943.  
  944. {Body}
  945.  
  946. {/block:Text}
  947.  
  948. {block:Photo}
  949. {block:PermalinkPage}
  950. {LinkOpenTag}
  951. <img src="{PhotoURL-500}">
  952. {LinkCloseTag}
  953. {/block:PermalinkPage}
  954.  
  955. {block:IndexPage}
  956.  
  957. {block:IfBiggerPosts}
  958. {LinkOpenTag}
  959. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  960. <img src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  961. {LinkCloseTag}
  962. {/block:IfBiggerPosts}
  963.  
  964. {block:IfNotBiggerPosts}
  965. {LinkOpenTag}
  966. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  967. <img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/>
  968. {LinkCloseTag}
  969. {/block:IfNotBiggerPosts}
  970. {/block:IndexPage}
  971.  
  972. {block:IfShowCaption}
  973. {block:Caption}{Caption}{/block:Caption}
  974. {/block:IfShowCaption}
  975.  
  976. {block:IfNotShowCaption}{block:PermalinkPage}
  977. {block:Caption}{Caption}{/block:Caption}
  978. {block:PermalinkPage}{/block:IfNotShowCaption}
  979. {/block:Photo}
  980.  
  981. {block:Photoset}
  982. {block:PermalinkPage}{Photoset-500} {/block:PermalinkPage}
  983. {block:IndexPage}
  984.  
  985. {block:IfNotBiggerPosts}
  986. {Photoset-400}
  987. {/block:IfNotBiggerPosts}
  988.  
  989. {block:IfBiggerPosts}
  990. {Photoset-500}
  991. {/block:IfBiggerPosts}
  992.  
  993. {/block:IndexPage}
  994. {block:IfShowCaption}
  995. {block:Caption}{Caption}{/block:Caption}
  996. {/block:IfShowCaption}
  997.  
  998. {block:IfNotShowCaption}{block:PermalinkPage}
  999. {block:Caption}{Caption}{/block:Caption}
  1000. {block:PermalinkPage}{/block:IfNotShowCaption}
  1001. {/block:Photoset}
  1002.  
  1003. {block:Quote}
  1004. <div class="links">
  1005. <div class="kutip">❞</div> {Quote}
  1006. </div>
  1007. {block:Source}
  1008. <div class="source"> — {Source} </div>
  1009. {/block:Source}
  1010. {/block:Quote}
  1011.  
  1012. {block:Link}
  1013. <div class="sa">
  1014. <span><a href="{URL}" {Target}>{Name}</a></span> ▶
  1015. </div>
  1016. {block:Description}
  1017. {Description}
  1018. {/block:Description}
  1019. {/block:Link}
  1020.  
  1021. {block:Chat}
  1022. {block:Title}
  1023. <div class="si">{Title}</div>
  1024. {/block:Title}
  1025. {block:Lines}
  1026. {block:Label}<b>{Label}</b>{/block:Label}
  1027. {Line}
  1028. <br>
  1029. {/block:Lines}
  1030. {/block:Chat}
  1031.  
  1032. {block:Audio}
  1033. <div class="audio">{AudioPlayerGrey}</div>
  1034. <div class="album">
  1035. {block:AlbumArt}
  1036. <img src="{AlbumArtURL}"></div>
  1037. {/block:AlbumArt}
  1038.  
  1039. <div class="audioplayer">
  1040. {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br /><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName} <br /> <b> + {PlayCountWithLabel} </b>
  1041. </div>
  1042. {/block:Audio}
  1043.  
  1044. {block:Video}
  1045. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1046. {block:IndexPage}
  1047.  
  1048. {block:IfNotBiggerPosts}
  1049. {Video-400}
  1050. {/block:IfNotBiggerPosts}
  1051.  
  1052. {block:IfBiggerPosts}
  1053. {Video-500}
  1054. {block:IfBiggerPosts}
  1055.  
  1056. {/block:IndexPage}
  1057. {block:IfShowCaption}
  1058. {block:Caption}{Caption}{/block:Caption}
  1059. {/block:IfShowCaption}
  1060.  
  1061. {block:IfNotShowCaption}{block:PermalinkPage}
  1062. {block:Caption}{Caption}{/block:Caption}
  1063. {block:PermalinkPage}{/block:IfNotShowCaption}
  1064. {/block:Video}
  1065.  
  1066. {block:Answer}
  1067. <div class="asker">
  1068. <img src="{AskerPortraitURL-30}">
  1069. </div>
  1070. <div class="ask"> {Asker}: {Question}
  1071.  
  1072. </div>
  1073. <br>
  1074. {Answer}
  1075. {/block:Answer}
  1076.  
  1077. <div id="permalink-posts">
  1078. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  1079. with {NoteCountWithLabel} <img src="http://static.tumblr.com/rltvkjt/DXElmr3sc/lapis1.gif">
  1080. </div>
  1081.  
  1082. </article>
  1083.  
  1084. {block:PermalinkPage}
  1085. <div id="permalinks"style="border-bottom:2px solid transparent;">
  1086. {block:Date}
  1087. <center><span style="text-transform:uppercase; font-size:35px;margin-top:5px;margin-bottom:5px;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span></center><br/>{/block:Date}
  1088. <div style="border-bottom:1px dotted {color:border blockquote};"></div>
  1089. <br>
  1090. {block:RebloggedFrom}original: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1091. <div style="border-bottom:1px dotted {color:border blockquote};margin-bottom:5px;"></div>
  1092. {block:PostNotes}
  1093. {PostNotes}
  1094. {/block:PostNotes}
  1095. </div>
  1096. {/block:PermalinkPage}
  1097. {/block:Posts}
  1098.  
  1099. <center>
  1100. {block:Pagination}
  1101. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  1102. {block:JumpPagination length="5"}
  1103. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1104. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1105. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  1106. {/block:Pagination}
  1107. </center>
  1108.  
  1109. </div>
  1110.  
  1111. <!-- NO -->
  1112. <div id="credit" title="Created by Fukuo">
  1113. <a href="http://fukuo.tumblr.com/">✂ Theme by Fukuo</a>
  1114. </div>
  1115.  
  1116. </body>
  1117. </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!