API tools faq
paste
Advertisement
faluvtha

[#31] — Nebula.

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