API tools faq
paste
Detonado

THEME 12

Detonado
Nov 13th, 2012
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.76 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 12 FEITO POR EXIST0.TUMBLR.COM NÃO RETIRE OS CRÉDITOS -->
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7.  
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  12.  
  13. <meta name="color:Background" content="#FFFFFF"/>
  14. <meta name="color:Blogtitle" content="#ffffff"/>
  15. <meta name="color:Hover" content="#000000"/>
  16. <meta name="color:Link" content="#222222"/>
  17. <meta name="color:Posts" content="#ffffff"/>
  18. <meta name="color:Post BG 1" content="#f0f0f0"/>
  19. <meta name="color:Post BG 2" content="#f0f0f0"/>
  20. <meta name="color:Scrollbar" content="#000000"/>
  21. <meta name="color:Sidebar" content="#000000"/>
  22. <meta name="color:Sidebar Link" content="#ffffff"/>
  23. <meta name="color:Sidebar Text" content="#ffffff"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:Title" content="#000000"/>
  26. <meta name="image:Post BG 1" content="http://static.tumblr.com/legmzqx/VWPma0rj1/4421225596_eea276e536_b.jpeg"/>
  27. <meta name="image:Post BG 2" content="http://static.tumblr.com/legmzqx/B6Ama0rkx/outer_space_stars_nebulae_desktop_1400x932_hd-wallpaper-541381.jpeg"/>
  28. <meta name="image:Sidebar BG" content="0"/>
  29. <meta name="image:background" content="0" />
  30. <meta name="image:sidebar" content="http://static.tumblr.com/qlfltzr/Qyumdfp2k/photo_on_9-2-12_at_3.03_pm__5.jpg" />
  31. <meta name="if:Faded Posts" content="1">
  32. <meta name="if:Show Animation" content="1">
  33. <meta name="if:Show Blogtitle" content="1">
  34. <meta name="if:Show Sidebar Photo" content="1">
  35. <meta name="if:ShowLink1" content="1">
  36. <meta name="if:ShowLink2" content="1">
  37. <meta name="if:ShowLink3" content="1">
  38. <meta name="if:ShowLink4" content="1">
  39. <meta name="if:ShowLink5" content="1">
  40. <meta name="if:ShowLink6" content="1">
  41. <meta name="if:ShowLink7" content="1">
  42. <meta name="if:ShowLink8" content="1">
  43. <meta name="if:ShowLink9" content="1">
  44. <meta name="if:ShowLink10" content="1">
  45. <meta name="text:Link 1 Title" content="link 1">
  46. <meta name="text:Link 1 URL" content="http://">
  47. <meta name="text:Link 2 Title" content="link 2">
  48. <meta name="text:Link 2 URL" content="http://">
  49. <meta name="text:Link 3 Title" content="link 3">
  50. <meta name="text:Link 3 URL" content="http://">
  51. <meta name="text:Link 4 Title" content="link 4">
  52. <meta name="text:Link 4 URL" content="http://">
  53. <meta name="text:Link 5 Title" content="link 5">
  54. <meta name="text:Link 5 URL" content="http://">
  55. <meta name="text:Link 6 Title" content="link 6">
  56. <meta name="text:Link 6 URL" content="http://">
  57. <meta name="text:Link 7 Title" content="link 7">
  58. <meta name="text:Link 7 URL" content="http://">
  59. <meta name="text:Link 8 Title" content="link 8">
  60. <meta name="text:Link 8 URL" content="http://">
  61. <meta name="text:Link 9 Title" content="link 9">
  62. <meta name="text:Link 9 URL" content="http://">
  63. <meta name="text:Link 10 Title" content="link 10">
  64. <meta name="text:Link 10 URL" content="http://">
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Dosis|Source+Sans+Pro:400|Homemade+Apple' rel='stylesheet' type='text/css'>
  67.  
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. ::-webkit-scrollbar {width: 6px; height: 4px; background-color:{color:background}; }
  73.  
  74. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  75.  
  76.  
  77.  
  78.  
  79. /* FONTS */
  80.  
  81.  
  82.  
  83.  
  84. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  85.  
  86.  
  87.  
  88. #tumblr_controls{
  89. position:fixed !important;
  90. }
  91.  
  92. .wrapper{
  93. margin: 0px auto;
  94. width: auto;
  95. }
  96.  
  97. .header{
  98. float: left;
  99. width: auto;
  100. }
  101.  
  102. .left{
  103. float: left;
  104. margin-left: 26px;
  105. width: 602px;
  106. }
  107.  
  108. .right{
  109. float: right;
  110. width: 200px;
  111. background-color: {color:Background};
  112. }
  113.  
  114. body {
  115. padding: 0px;
  116. margin: 0px;
  117. color:{color:text};
  118. font-family:tahoma;
  119. font-size: 10px;
  120. background-color: {color:Background};
  121. background-image:url('{image:background}');
  122. background-attachment: fixed;
  123. background-position: top left;
  124. background-repeat: repeat;
  125. }
  126.  
  127.  
  128.  
  129.  
  130. /* LINKS */
  131.  
  132.  
  133.  
  134.  
  135. a:link, a:active, a:visited{
  136. color: {color:Link};
  137. text-decoration: none;}
  138.  
  139. a:hover {
  140. color:{color:Hover};
  141. -webkit-transition: 0.4s ease-in;
  142. -o-transition: 0.4s ease-in;
  143. -moz-transition: 0.4s ease-in;
  144. transition: 0.4s ease-in;
  145. }
  146.  
  147.  
  148.  
  149.  
  150.  
  151. /* POST EDITS */
  152.  
  153.  
  154.  
  155.  
  156.  
  157. .entry {
  158. padding:10px;
  159. padding-bottom:9px;
  160. float:left;
  161. background-color:{color:posts};
  162. font-family: tahoma;
  163. font-size: 10px;
  164. line-height:10px;
  165. border:0px solid {color:Border};
  166. {block:IndexPage}
  167. {block:ifFadedPosts}
  168. opacity:.7;
  169. {/block:iffadedposts}
  170. width:250px;
  171. margin:10px;
  172. margin-left:215px;
  173. {/block:IndexPage}
  174. {block:PermalinkPage}
  175. {block:ifFadedPosts}
  176. opacity:.8;
  177. {/block:iffadedposts}
  178. width:400px;
  179. padding-top:10px;
  180. margin-top:6px;
  181. margin-right:0px;
  182. margin-bottom:10px;
  183. margin-left:0px;
  184. {/block:PermalinkPage}
  185. {block:ifShowAnimation}
  186. -webkit-transition: .5s ease-in;
  187. -o-transition: .5s ease-in;
  188. -moz-transition: .5s ease-in;
  189. transition: .5s ease-in;
  190. {/block:ifShowAnimation}
  191. }
  192.  
  193. .entry:hover {opacity:1;
  194. -webkit-transition-duration: .7s;}
  195.  
  196.  
  197.  
  198.  
  199.  
  200.  
  201. /* PHOTO POST PERMALINKS */
  202.  
  203.  
  204.  
  205.  
  206.  
  207. .entry .perma{
  208. position:absolute;
  209. border-radius:3px;
  210. top:15px;
  211. left:68px;
  212. width:auto;
  213. color:{color:permalink};
  214. height:14px;
  215. padding:3px;
  216. overflow:hidden;
  217. font-family: arial;
  218. font-size:11px;
  219. line-height:15px;
  220. text-transform:uppercase;
  221. letter-spacing:0px;
  222. text-align:center;
  223. opacity:0.0;
  224. background-color:#000;
  225. -webkit-transition: all .1s linear;
  226. -moz-transition: all .1s linear;
  227. transition: all .1s linear;
  228. }
  229.  
  230.  
  231.  
  232. .entry:hover .perma{
  233. opacity: 0.6;
  234. -webkit-transition: all .1s linear;
  235. -moz-transition: all .1s linear;
  236. transition: all .1s linear;
  237. }
  238.  
  239. .entry:hover .perma:hover{
  240. opacity:.99;
  241. -webkit-transition: all .3s linear;
  242. -moz-transition: all .3s linear;
  243. transition: all .3s linear;
  244. }
  245.  
  246. .entry .perm{
  247. position:absolute;
  248. border-radius:3px;
  249. top:15px;
  250. left:40px;
  251. width:auto;
  252. color:{color:permalink};
  253. height:20px;
  254. padding:auto;
  255. overflow:hidden;
  256. font-family: tahoma;
  257. text-transform:uppercase;
  258. letter-spacing:-1px;
  259. text-align:center;
  260. opacity:0.0;
  261. background-color:#000;
  262. -webkit-transition: all .1s linear;
  263. -moz-transition: all .1s linear;
  264. transition: all .1s linear;
  265. }
  266.  
  267.  
  268.  
  269. .entry:hover .perm{
  270. opacity: 0.6;
  271. -webkit-transition: all .1s linear;
  272. -moz-transition: all .1s linear;
  273. transition: all .1s linear;
  274. }
  275.  
  276. .entry:hover .perm:hover{
  277. opacity:.99;
  278. -webkit-transition: all .3s linear;
  279. -moz-transition: all .3s linear;
  280. transition: all .3s linear;
  281. }
  282.  
  283. .entry .likeit{
  284. position:absolute;
  285. border-radius:3px;
  286. top:15px;
  287. left:15px;
  288. width:auto;
  289. color:{color:permalink};
  290. height:20px;
  291. padding:auto;
  292. overflow:hidden;
  293. font-family: tahoma;
  294. text-transform:uppercase;
  295. letter-spacing:-1px;
  296. text-align:center;
  297. opacity:0.0;
  298. background-color:#000;
  299. -webkit-transition: all .1s linear;
  300. -moz-transition: all .1s linear;
  301. transition: all .1s linear;
  302. background-image:('http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png');
  303. }
  304.  
  305.  
  306.  
  307. .entry:hover .likeit{
  308. opacity: 0.6;
  309. -webkit-transition: all .1s linear;
  310. -moz-transition: all .1s linear;
  311. transition: all .1s linear;
  312. }
  313.  
  314. .entry:hover .likeit:hover{
  315. opacity:.99;
  316. -webkit-transition: all .3s linear;
  317. -moz-transition: all .3s linear;
  318. transition: all .3s linear;
  319. }
  320.  
  321.  
  322. .likeit a:hover {
  323. background-position: 0px 0px;
  324. }
  325.  
  326. .likeit a {
  327. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  328. background-position: 0px 0px;
  329. display: block;
  330. z-index: 9999999;
  331. }
  332.  
  333. .likeit img {
  334. width: 21px;
  335. height: 20px;
  336. }
  337.  
  338.  
  339.  
  340.  
  341.  
  342. /* TEXT POST PERMALINKS */
  343.  
  344.  
  345.  
  346.  
  347. .entry .permatext{
  348. position:absolute;
  349. border-radius:3px;
  350. bottom:5px;
  351. right:58px;
  352. width:auto;
  353. color:#fff;
  354. height:14px;
  355. padding:3px;
  356. overflow:hidden;
  357. font-family: arial;
  358. font-size:11px;
  359. line-height:15px;
  360. text-transform:uppercase;
  361. letter-spacing:0px;
  362. text-align:center;
  363. opacity:0.0;
  364. background-color:#000;
  365. -webkit-transition: all .1s linear;
  366. -moz-transition: all .1s linear;
  367. transition: all .1s linear;
  368. }
  369.  
  370.  
  371.  
  372. .entry:hover .permatext{
  373. opacity: 0.6;
  374. -webkit-transition: all .1s linear;
  375. -moz-transition: all .1s linear;
  376. transition: all .1s linear;
  377. }
  378.  
  379. .entry:hover .permatext:hover{
  380. opacity:.99;
  381. -webkit-transition: all .3s linear;
  382. -moz-transition: all .3s linear;
  383. transition: all .3s linear;
  384. }
  385.  
  386. .entry .permtext{
  387. position:absolute;
  388. border-radius:3px;
  389. bottom:5px;
  390. right:30px;
  391. width:auto;
  392. color:{color:permalink};
  393. height:20px;
  394. padding:auto;
  395. overflow:hidden;
  396. font-family: tahoma;
  397. text-transform:uppercase;
  398. letter-spacing:-1px;
  399. text-align:center;
  400. opacity:0.0;
  401. background-color:#000;
  402. -webkit-transition: all .1s linear;
  403. -moz-transition: all .1s linear;
  404. transition: all .1s linear;
  405. }
  406.  
  407.  
  408.  
  409. .entry:hover .permtext{
  410. opacity: 0.6;
  411. -webkit-transition: all .1s linear;
  412. -moz-transition: all .1s linear;
  413. transition: all .1s linear;
  414. }
  415.  
  416. .entry:hover .permtext:hover{
  417. opacity:.99;
  418. -webkit-transition: all .3s linear;
  419. -moz-transition: all .3s linear;
  420. transition: all .3s linear;
  421. }
  422.  
  423. .entry .likeittext{
  424. position:absolute;
  425. border-radius:3px;
  426. bottom:5px;
  427. right:5px;
  428. width:auto;
  429. color:{color:permalink};
  430. height:20px;
  431. padding:auto;
  432. overflow:hidden;
  433. font-family: tahoma;
  434. text-transform:uppercase;
  435. letter-spacing:-1px;
  436. text-align:center;
  437. opacity:0.0;
  438. background-color:#000;
  439. -webkit-transition: all .1s linear;
  440. -moz-transition: all .1s linear;
  441. transition: all .1s linear;
  442. background-image:('http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png');
  443. }
  444.  
  445.  
  446.  
  447. .entry:hover .likeittext{
  448. opacity: 0.6;
  449. -webkit-transition: all .1s linear;
  450. -moz-transition: all .1s linear;
  451. transition: all .1s linear;
  452. }
  453.  
  454. .entry:hover .likeittext:hover{
  455. opacity:.99;
  456. -webkit-transition: all .3s linear;
  457. -moz-transition: all .3s linear;
  458. transition: all .3s linear;
  459. }
  460.  
  461.  
  462. .likeittext a:hover {
  463. background-position: 0px 0px;
  464. }
  465.  
  466. .likeittext a {
  467. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  468. background-position: 0px 0px;
  469. display: block;
  470. z-index: 9999999;
  471. }
  472.  
  473. .likeittext img {
  474. width: 21px;
  475. height: 20px;
  476. }
  477.  
  478.  
  479.  
  480. .entry .permalink{
  481. {block:IndexPage}
  482. position:absolute;
  483. border-radius:100px;
  484. opacity:0;
  485. display: block;
  486. background-color:#666;
  487. margin-top:-17px;
  488. right:3px;
  489. width:auto;
  490. color:{color:permalink};
  491. height:auto;
  492. padding:5px;
  493. overflow:hidden;
  494. font-family: dosis;
  495. font-size:16px;
  496. line-height:10px;
  497. text-transform:uppercase;
  498. letter-spacing:-1px;
  499. overflow-y:block;
  500. color: {color:permalink};
  501. text-align: center;
  502. text-decoration: none;
  503. -webkit-transition: color 0.3s ease-out;
  504. -moz-transition: color 0.3s ease-out;
  505. -webkit-transition: all .1s linear;
  506. -moz-transition: all .1s linear;
  507. transition: all .1s linear;
  508. border: 0px solid #ccc;
  509. {/block:IndexPage}
  510. }
  511.  
  512. .entry:hover .permalink{opacity:.6;
  513. color: {color:permalink};
  514. margin-top:-17px;
  515. -webkit-transition: all .3s linear;
  516. -moz-transition: all .3s linear;
  517. transition: all .3s linear;
  518. box-shadow:;
  519. }
  520.  
  521. .entry:hover .permalink:hover{opacity:.99;
  522. -webkit-transition: all .3s linear;
  523. -moz-transition: all .3s linear;
  524. transition: all .3s linear;
  525. box-shadow:;
  526. }
  527.  
  528.  
  529.  
  530.  
  531.  
  532. /* BLOCKQUOTE */
  533.  
  534.  
  535.  
  536.  
  537. blockquote{
  538. padding:0px 0px 2px 5px;
  539. margin:0px 0px 2px 1px;
  540. border-left: 1px solid {color:Text};}
  541.  
  542. blockquote p, ul{margin:0px; padding:0px;}
  543.  
  544.  
  545. blockquote{
  546. padding:0px 0px 2px 5px;
  547. margin:0px 0px 2px 1px;
  548. border-left: 1px solid #f0f0f0;}
  549.  
  550. blockquote p, ul{margin:0px; padding:0px;}
  551.  
  552.  
  553.  
  554.  
  555.  
  556. /* SIDEBAR PICTURE */
  557.  
  558.  
  559.  
  560.  
  561. .sidebarpic {
  562. opacity:1;
  563. margin-bottom:5px;
  564. border-radius:5px;
  565. -webkit-transition: all .2s linear;
  566. -moz-transition: all .2s linear;
  567. transition: all .2s linear;
  568. box-shadow:;}
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575. /* POST BG WIDTH */
  576.  
  577. .strip {
  578. height:100%;
  579. position:fixed;
  580. {block:PermalinkPage}
  581. margin-left:26px;
  582. width:432px;
  583. {/block:PermalinkPage}
  584. {block:IndexPage}
  585. margin-left:231px;
  586. width:290px;
  587. {/block:IndexPage}
  588. z-index:-1;
  589. opacity:1;
  590. background-color:{color:Post BG 1};
  591. background-image:url('{image:Post BG 1}');
  592. background-attachment: fixed;
  593. background-position: top left;
  594. background-repeat: repeat;
  595. {block:ifShowAnimation}
  596. -ms-animation: fadeIn 2s;
  597. -moz-animation: fadeIn 2s;
  598. -webkit-animation: fadeIn 2s;
  599. {/block:ifShowAnimation}
  600.  
  601. }
  602.  
  603.  
  604. .postback{
  605. height:100%;
  606. position:fixed;
  607. {block:PermalinkPage}
  608. margin-left:536px;
  609. width:170px;
  610. {/block:PermalinkPage}
  611. {block:IndexPage}
  612. margin-left:726px;
  613. width:290px;
  614. {/block:IndexPage}
  615. z-index:-1;
  616. opacity:1;
  617. background-color:{color:Post BG 2};
  618. background-image:url('{image:Post BG 2}');
  619. background-attachment: fixed;
  620. background-position: top left;
  621. background-repeat: repeat;
  622. {block:ifShowAnimation}
  623. -ms-animation: fadeIn 2s;
  624. -moz-animation: fadeIn 2s;
  625. -webkit-animation: fadeIn 2s;
  626. {/block:ifShowAnimation}
  627. }
  628.  
  629.  
  630. #posts {
  631. width: 1000px;
  632. margin-left:0px;
  633. {block:PermalinkPage}
  634. margin-top:12px;
  635. margin-left:6px;
  636. {/block:PermalinkPage}
  637. margin-top:5px;
  638. float:left;
  639. font-family: tahoma;
  640. -moz-box-shadow: 0px 0px 5px #000;
  641. -webkit-box-shadow: 0px 0px 5px #000;
  642. box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.35);
  643. }
  644.  
  645. #posts img {
  646. {block:IndexPage}
  647. max-width: 250px;
  648. height:auto;
  649. overflow-y:auto;
  650. {/block:IndexPage}
  651. {block:PermalinkPage}
  652. max-width: 400px; overflow-y:auto;
  653. {/block:PermalinkPage}
  654. }
  655.  
  656. #infscr-loading{
  657. bottom: -70px;
  658. position: absolute;
  659. left: 50%;
  660. margin-left:-8px;
  661. width:16px;
  662. height:11px;
  663. overflow:hidden;
  664. margin-bottom: 50px;
  665. }
  666.  
  667.  
  668.  
  669.  
  670. /* TITLES */
  671.  
  672.  
  673.  
  674.  
  675. .title{
  676. font-family: source sans pro;
  677. font-size: 16px;
  678. line-height:14px;
  679. color: {color:Title};
  680. letter-spacing:0px;
  681. text-align:center;
  682. font-weight: normal;
  683. text-transform:uppercase;
  684. }
  685.  
  686. .blogtitle{
  687. font-size:18px;
  688. text-shadow: 0px 0px 1px #000;
  689. color:{color:blogtitle};
  690. background-color:transparent;
  691. -webkit-transition-duration:1.5s;
  692. font-family: source sans pro;
  693. text-transform:uppercase;
  694. letter-spacing:0px;
  695. padding-bottom:3px;
  696. line-height:16px;
  697. font-style:normal;
  698. text-align:center;
  699. opacity:1;
  700. z-index:999;
  701. }
  702.  
  703.  
  704.  
  705.  
  706. /* SIDEBAR */
  707.  
  708.  
  709. #sidebarya {
  710. width:150px;
  711. color:{color:sidebar text};
  712. background-color:{color:sidebar};
  713. height:auto;
  714. position: fixed !important;
  715. display:block;
  716. text-align: center;
  717. padding:1px;
  718. padding-bottom:5px;
  719. padding-top:5px;
  720. top:50px;
  721. opacity:1;
  722. margin-left:545px;
  723. text-align:center;
  724. -webkit-transition-duration: 1s;
  725. background-image:url('{image:sidebar bg}');
  726. background-attachment: fixed;
  727. background-position: top left;
  728. background-repeat: repeat;
  729. {block:ifShowAnimation}
  730. -ms-animation: fadeInDownBig 3s;
  731. -moz-animation: fadeInDownBig 3s;
  732. -webkit-animation: fadeInDownBig 3s;
  733. {/block:ifShowAnimation}
  734. z-index:99999999;
  735. }
  736.  
  737.  
  738.  
  739.  
  740. /* SIDEBAR LINKS */
  741.  
  742.  
  743. .hover {width:150px;
  744. background-color:{color:sidebar};
  745. text-align:center;
  746. padding-top:0px;
  747. -webkit-transition-duration: .7s;
  748. }
  749.  
  750. .hover:hover {background-color:{color:sidebar};opacity:1;-webkit-transition-duration: .7s;}
  751. .hover:hover .linkity {background-color:{color:sidebar}; opacity:1;-webkit-transition-duration: .7s;}
  752.  
  753. .linkity {width:148px;
  754. height:10px;
  755. position:absolute;
  756. padding:2px;
  757. padding-top:0px;
  758. opacity:0;
  759. -webkit-transition-duration: .7s;
  760. z-index:9999999;
  761. bottom:10px;
  762. left:0px;
  763. background-color:{color:sidebar};
  764. }
  765.  
  766. .linkss {
  767. position:relative;
  768. display:block;
  769. text-align: center;
  770. height: auto;
  771. display:inline-block;
  772. text-align:center;
  773. font-family:littlefont;
  774. text-transform:uppercase;
  775. font-size:8px;
  776. opacity:1;
  777. background-color:{color:sidebar};
  778. -webkit-transition-duration: .4s;
  779. border-bottom:1px solid transparent;
  780. }
  781.  
  782. .linkss:hover {
  783. -webkit-transition-duration: .6s;
  784. border-bottom:1px solid {color:sidelink};
  785. }
  786.  
  787.  
  788.  
  789. /* MISC */
  790.  
  791.  
  792.  
  793.  
  794. .heading {
  795. font-size:20px;
  796. font-family:;
  797. letter-spacing:-1px;
  798. line-height:20px;
  799. padding-top:0px;
  800. color:{color:text};
  801. font-style:normal;
  802. text-align:center;
  803. }
  804.  
  805. .chat ul {
  806. padding:0px 0px 0px 0px;
  807. margin:0px 0px 0px 0px;
  808. }
  809.  
  810. .chat li {
  811. line-height:12px;
  812. list-style-type: none;
  813. padding-left:0px;
  814. margin-right:0px;
  815. }
  816.  
  817. .chat li.odd {
  818. color:{color:Text};
  819. }
  820.  
  821. .chat li.even {
  822. color: {color:Text};
  823. background-color: {color:permalink};
  824. }
  825.  
  826. .label {
  827. font-size: 10px;
  828. line-height:10px;
  829. letter-spacing: 0px;
  830. font-family: tahoma;
  831. text-transform: none;
  832. color:{color:text};
  833. text-decoration: bold;
  834. text-align:left;
  835. }
  836.  
  837. .nom {
  838. position:fixed;
  839. text-align:center;
  840. bottom:0px;
  841. font-family:tahoma;
  842. font-size:20px;
  843. left:0px;
  844. padding-top:0px;
  845. padding-right:5px;
  846. padding-left:2px;
  847. width:auto;
  848. height:auto;
  849. border-top-right-radius:5px;
  850. background-color:#000;
  851. z-index:99999;
  852. color:#fff;}
  853.  
  854. blockquote{
  855. padding:0px 0px 2px 5px;
  856. margin:0px 0px 2px 2px;
  857. border-left: 1px dotted {color:text};
  858. }
  859.  
  860.  
  861. ul#drawers {text-align:right;width: 200px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px;}
  862.  
  863. ul#drawers a {text-align: right;text-decoration: none;}
  864.  
  865. ul#drawers li h4 {margin: 0; padding: 0px; text-align: right; -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; font-weight:normal;
  866.  
  867. li.drawer h4.open {text-align: right; border-top: 0px;}
  868.  
  869. li.drawer div {text-align: right;padding: 0px; margin: 0px; line-height: 12px; }
  870.  
  871. li.drawer div li {text-align: right;list-style-type: disc;}
  872.  
  873. li.drawer div ul {text-align: right;-webkit-padding-start: 12px;}
  874.  
  875. {CustomCSS}
  876.  
  877. </style>
  878.  
  879.  
  880. {block:IndexPage}
  881. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  882. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  883.  
  884. <script type="text/javascript">
  885. $(window).load(function () {
  886. var $content = $('#posts');
  887. $content.masonry({itemSelector: '.entry'}),
  888. $content.infinitescroll({
  889. navSelector : 'div#pagination',
  890. nextSelector : 'div#pagination a#nextPage',
  891. itemSelector : '.entry',
  892. loading: {
  893. finishedMsg: '',
  894. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  895. },
  896. bufferPx : 800,
  897. debug : false,
  898. },
  899. // call masonry as a callback.
  900. function( newElements ) {
  901. var $newElems = $( newElements );
  902. $newElems.hide();
  903. // ensure that images load before adding to masonry layout
  904. $newElems.imagesLoaded(function(){
  905. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  906.  
  907.  
  908. });
  909. });
  910. });
  911. </script>
  912.  
  913. {/block:IndexPage}
  914.  
  915. <title>{title}</title>
  916.  
  917. <link rel="shortcut icon" href="{Favicon}">
  918. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  919. <meta name="viewport" content="width=820" />
  920.  
  921.  
  922. </head>
  923. <body>
  924.  
  925. <div class="wrapper">
  926. <div class="header">
  927.  
  928. <div class="backback"></div>
  929. <div class="strip"></div>
  930.  
  931.  
  932.  
  933.  
  934.  
  935. <div id="sidebarya">
  936.  
  937. {block:IfShowBlogtitle}
  938. <div class="blogtitle"><a href="/"><font color="{color:Blogtitle}">{title}</font></a></div>
  939. {/block:IfShowBlogtitle}
  940.  
  941. {block:ifShowSidebarPhoto}
  942. <a href="/"><img src="{image:sidebar}" width="140px" height="auto" class="sidebar"></a>
  943. {/block:ifShowSidebarPhoto}
  944. {description}
  945. <br>
  946.  
  947.  
  948. <hr width="94%" color="#ccc">
  949.  
  950. <div class="hover"> + + +
  951.  
  952. <div class="linkity"><center>
  953.  
  954. <div style="overflow:auto; width: 150px; height: auto; background-color: {color:sidebar}; text-align: center; color:#000; padding:1px; margin-left:-2px;">
  955.  
  956. <div class="linkss"><a href="/"><font color="{color:sidebar link}">Home</font></a></div>
  957.  
  958. <div class="linkss"><a href="/ask"><font color="{color:sidebar link}">Ask-me</font></a></div>
  959.  
  960. {block:IfShowLink1}<div class="linkss"><a href="{text:link 1 url}"><font color="{color:sidebar link}">{text:link 1 title}</font></a></div> {/block:IfShowLink1}
  961.  
  962. {block:IfShowLink2}<div class="linkss"><a href="{text:link 2 url}"><font color="{color:sidebar link}">{text:link 2 title}</font></a></div>{/block:IfShowLink2}
  963.  
  964. {block:IfShowLink3}<div class="linkss"><a href="{text:link 3 url}"><font color="{color:sidebar link}">{text:link 3 title}</font></a></div>{/block:IfShowLink3}
  965.  
  966. {block:IfShowLink4}<div class="linkss"><a href="{text:link 4 url}"><font color="{color:sidebar link}">{text:link 4 title}</font></a></div>{/block:IfShowLink4}
  967.  
  968. {block:IfShowLink5}<div class="linkss"><a href="{text:link 5 url}"><font color="{color:sidebar link}">{text:link 5 title}</font></a></div>{/block:IfShowLink5}
  969.  
  970. {block:IfShowLink6}<div class="linkss"><a href="{text:link 6 url}"><font color="{color:sidebar link}">{text:link 6 title}</font></a></div> {/block:IfShowLink6}
  971.  
  972. {block:IfShowLink7}<div class="linkss"><a href="{text:link 7 url}"><font color="{color:sidebar link}">{text:link 7 title}</font></a></div>{/block:IfShowLink7}
  973.  
  974. {block:IfShowLink8}<div class="linkss"><a href="{text:link 8 url}"><font color="{color:sidebar link}">{text:link 8 title}</font></a></div>{/block:IfShowLink8}
  975.  
  976. {block:IfShowLink9}<div class="linkss"><a href="{text:link 9 url}"><font color="{color:sidebar link}">{text:link 9 title}</font></a></div>{/block:IfShowLink9}
  977.  
  978. {block:IfShowLink10}<div class="linkss"><a href="{text:link 10 url}"><font color="{color:sidebar link}">{text:link 10 title}</font></a></div>{/block:IfShowLink10}
  979.  
  980. <div class="linkss"><a href="http://exist0.tumblr.com"><font color="{color:sidebar link}">theme</font></a></div>
  981.  
  982. </center>
  983. </div>
  984. </div>
  985. </div>
  986. </div>
  987.  
  988.  
  989. </div>
  990.  
  991.  
  992. <div class="postback"></div>
  993.  
  994.  
  995. <div class="nom"><a href="http://exist0.tumblr.com/"><font color="white">☪</font></a></div>
  996.  
  997. <div class="left">
  998.  
  999. <div id="posts">
  1000.  
  1001. {block:Posts}
  1002. <div class="entry">
  1003.  
  1004.  
  1005. {block:Answer}
  1006. <div class="ask">{Asker}: <b>{Question}</b></div>
  1007. {Answer}
  1008. {block:IndexPage}
  1009.  
  1010. <div class="likeittext">
  1011. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1012. </div>
  1013.  
  1014. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1015.  
  1016.  
  1017. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1018.  
  1019.  
  1020. {/block:IndexPage}
  1021. {/block:Answer}
  1022.  
  1023.  
  1024.  
  1025. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}<span class="entrytext">{Body}</span>
  1026.  
  1027. {block:IndexPage}
  1028.  
  1029. <div class="likeittext">
  1030. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1031. </div>
  1032.  
  1033. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1034.  
  1035.  
  1036. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1037.  
  1038.  
  1039. {/block:IndexPage}
  1040. {/block:text}
  1041.  
  1042.  
  1043.  
  1044. {block:Link}<a href="{URL}" class="title"><center>{Name}</center></a>{block:Description}{Description}{/block:Description}
  1045.  
  1046. {block:IndexPage}
  1047.  
  1048. <div class="likeittext">
  1049. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1050. </div>
  1051.  
  1052. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1053.  
  1054.  
  1055. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1056.  
  1057.  
  1058. {/block:IndexPage}
  1059. {/block:Link}
  1060.  
  1061.  
  1062. {block:Photo}
  1063. {block:IndexPage}
  1064.  
  1065. <div class="likeit">
  1066. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1067. </div>
  1068.  
  1069. <div class="perma"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1070.  
  1071.  
  1072. <div class="perm"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1073.  
  1074.  
  1075. {/block:IndexPage}
  1076. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}
  1077. {/block:IndexPage}
  1078. {block:PermalinkPage}<center>{LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}{/block:PermalinkPage}</center>
  1079. {/block:Photo}
  1080.  
  1081. {block:Photoset}
  1082. {block:IndexPage}
  1083. <center>
  1084. {Photoset-250}</center>
  1085.  
  1086.  
  1087. <div class="likeit">
  1088. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1089. </div>
  1090.  
  1091. <div class="perma"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1092.  
  1093.  
  1094. <div class="perm"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1095.  
  1096.  
  1097. {/block:IndexPage}
  1098. {block:PermalinkPage}
  1099. <center>
  1100. {Photoset-400}</center>
  1101. {/block:PermalinkPage}
  1102. {/block:Photoset}
  1103.  
  1104. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<Br><i> <center>{Source}</center></i>{/block:Source}
  1105. {block:IndexPage}
  1106.  
  1107. <div class="likeittext">
  1108. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1109. </div>
  1110.  
  1111. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1112.  
  1113.  
  1114. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1115.  
  1116.  
  1117. {/block:IndexPage}
  1118. {/block:Quote}
  1119.  
  1120. {block:Chat}
  1121. <div class="textpost">
  1122. {block:Title}<span class="title">{Title}</span>{/block:Title}
  1123. <ul class="chat">
  1124. {block:Lines}
  1125. <li class="user_{UserNumber}">
  1126. {block:Label}
  1127. <span class="label">{Label}</span>
  1128. {/block:Label}
  1129. {Line}
  1130. </li>
  1131. {/block:Lines}
  1132. </ul>
  1133. {block:IndexPage}
  1134.  
  1135. <div class="likeittext">
  1136. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1137. </div>
  1138.  
  1139. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1140.  
  1141.  
  1142. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1143.  
  1144.  
  1145. {/block:IndexPage}
  1146. </div>
  1147. {/block:Chat}
  1148.  
  1149.  
  1150.  
  1151.  
  1152. {block:Audio}
  1153. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:10px; float:right;">
  1154. {block:ExternalAudio}{/block:ExternalAudio}</div></div>{block:IndexPage}{caption}{/block:IndexPage}</center>
  1155.  
  1156. {block:IndexPage}
  1157.  
  1158. <div class="likeittext">
  1159. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1160. </div>
  1161.  
  1162. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1163.  
  1164.  
  1165. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1166.  
  1167.  
  1168. {/block:IndexPage}
  1169. {/block:Audio}
  1170.  
  1171.  
  1172. {block:Video}
  1173. {block:IndexPage}
  1174. <center>
  1175. {Video-250}</center>
  1176.  
  1177. <div class="likeittext">
  1178. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="18" alt="Like this post" id="likeimage{PostID}"/></a>
  1179. </div>
  1180.  
  1181. <div class="permatext"><a href="{Permalink}"><font color="#fff">{notecount}</font></a></div>
  1182.  
  1183.  
  1184. <div class="permtext"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>
  1185.  
  1186.  
  1187. {/block:IndexPage}
  1188. {block:PermalinkPage}
  1189. <center>
  1190. {Video-400}</center>
  1191. {/block:PermalinkPage}
  1192. {block:Video}
  1193.  
  1194. {block:PermalinkPage}
  1195. <center>
  1196. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  1197.  
  1198.  
  1199. {/block:PermalinkPage}
  1200.  
  1201.  
  1202. {block:PostNotes}{PostNotes}
  1203. {/block:PostNotes}
  1204. </div>
  1205.  
  1206.  
  1207. {/block:Posts}
  1208. </div>
  1209. </div>
  1210. {block:IndexPage}
  1211. {block:Pagination}
  1212. <div id="pagination">
  1213. {block:NextPage}
  1214. <a id="nextPage" href="{NextPage}"></a>
  1215. {/block:NextPage}
  1216. {block:PreviousPage}
  1217. <a href="{PreviousPage}"></a>
  1218. {/block:PreviousPage}
  1219. </div>
  1220. {/block:Pagination}
  1221. {/block:IndexPage}
  1222. </div>
  1223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!