API tools faq
paste
Advertisement
faluvtha

[#35] — Project - プロジェクト

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