API tools faq
paste
Advertisement
ljps

Theme 8

ljps
Oct 5th, 2014
1,498
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1.  
  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" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <meta name="color:text" content="#000000"/>
  13. <meta name="color:links" content="#000000"/>
  14. <meta name="color:links hover" content="#ffffff"/>
  15. <meta name="color:title" content="#000000">
  16. <meta name="color:header" content="#ffeaf3">
  17.  
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="image:Header" content=""/>
  20.  
  21.  
  22. <meta name="text:Link 1" content="/" />
  23. <meta name="text:Link 1 Text" content="link" />
  24.  
  25. <meta name="if:Header Image" content="0" />
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Roboto:400,900' rel='stylesheet' type='text/css'>
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31. <script>
  32. (function($){
  33. $(document).ready(function(){
  34. $("a[title]").style_my_tooltips({
  35. tip_follows_cursor:true,
  36. tip_delay_time:30,
  37. tip_fade_speed:300,
  38. attribute:"title"
  39. });
  40. });
  41. })(jQuery);
  42. </script>
  43.  
  44. <script type="text/javascript">
  45. jQuery(document).ready(function() {
  46. jQuery(".sub").hide();
  47. //toggle the componenet with class msg_body
  48. jQuery(".cthrough").click(function()
  49. {
  50. jQuery(this).next(".sub").slideToggle(500);
  51. });});
  52. </script>
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. #s-m-t-tooltip{
  58. max-width:300px;
  59. line-height:9px;
  60. z-index: 9999;
  61. position: absolute;
  62. font-size:9px;
  63. font-family:cambria;
  64. box-shadow:rgba(0,0,0,0.1)2px 2px;
  65. background:white;
  66. padding: 4px;
  67. border-radius:3px;
  68. border:1px solid #eee;
  69. -webkit-transition:all 0.3s;
  70. -moz-transition:all 0.3s;
  71. -ms-transition:all 0.3s;
  72. -o-transition:all 0.3s;
  73. -transition:all 0.3s;
  74. margin:7px 0px 0px 7px;}
  75.  
  76. p{
  77. margin-top:5px;
  78. margin-bottom:5px;}
  79.  
  80. blockquote {
  81. padding:0px;
  82. text-align:left;
  83. padding-left:5px;
  84. font-size:11px;
  85. margin:5px;
  86. border-left:2px solid #f3f3f3;}
  87.  
  88. blockquote img, blockquote a img {
  89. max-width: 350px;}
  90.  
  91. body {
  92. color:{color:text};
  93. font-family:consolas;
  94. font-size:12px;
  95. text-align:justify;
  96. }
  97.  
  98.  
  99. a, a:active, a:visited {
  100. color: {color:links};
  101. font-weight: none;
  102. text-decoration: none;
  103. -webkit-transition: all 0.4s ease-out;
  104. -o-transition: all 0.4s ease-out;
  105. -webkit-transition: all 0.4s ease-out;
  106. -moz-transition: all 0.4s ease-out;}
  107.  
  108. a:hover {
  109. color:{color:links hover};
  110. -webkit-transition: all 0.4s ease-out;
  111. -o-transition: all 0.4s ease-out;
  112. -webkit-transition: all 0.4s ease-out;
  113. -moz-transition: all 0.4s ease-out;}
  114.  
  115.  
  116. .entries {
  117. padding:30px;
  118. margin-left:360px;
  119. width:400px;
  120. margin-top:560px;
  121. padding:70px;
  122.  
  123. }
  124.  
  125. .post{
  126. width:400px;
  127. margin-bottom:120px;
  128. padding:30px;
  129. margin-left:30px;
  130. }
  131.  
  132.  
  133. iframe#tumblr_controls {
  134. white-space:nowrap;
  135. -webkit-filter: invert(100%);
  136. -moz-filter: invert(100%);
  137. -o-filter: invert(100%);
  138. -ms-filter: invert(100%);
  139. filter: invert(100%);
  140. opacity:.2;transition: .8s ease-in-out;
  141. -webkit-transition: .8s ease-in-out;
  142. -moz-transition: .8s ease-in-out;
  143. -o-transition: .8s ease-in-out;}
  144.  
  145. ::selection {
  146. color: {color:scrollbar};
  147. background:white;}
  148.  
  149. ::-moz-selection {
  150. background:white;
  151. color: {color:scrollbar};}
  152.  
  153. ::-webkit-scrollbar-thumb{ border: 2px solid {color:background}; background: {color:text}; height:auto; }
  154. ::-webkit-scrollbar:horizontal { display:none!important; }
  155. ::-webkit-scrollbar { height:auto; background: {color:background}; background-size:cover; width:3px; }
  156.  
  157.  
  158.  
  159. #asker{
  160. text-transform:uppercase;
  161. color:#747474;
  162. margin-bottom:8px;
  163. font-size:10px;
  164. border-bottom:1px solid #eee;
  165.  
  166. }
  167.  
  168.  
  169.  
  170.  
  171. #question{
  172. margin-top:10px;
  173. font-size:11px;
  174. margin-bottom:10px;
  175. text-transform:normal;
  176. text-align:left;
  177. padding-bottom:5px;
  178. border:1px solid #eee;
  179. background:#fafafa;
  180. padding:15px;
  181. }
  182.  
  183. #answer{
  184. font-size:11px;
  185. padding:15px;
  186. }
  187.  
  188.  
  189.  
  190. #info {
  191. position: absolute;
  192. margin-top:33px;
  193. font-size: 8px;
  194. text-align:center;
  195. text-transform:uppercase;
  196. width:400px;
  197. }
  198.  
  199. #info a{
  200. color:{color:links};
  201. padding:4px;
  202. }
  203.  
  204. #info a:hover{
  205. color:{color:links hover};
  206.  
  207. }
  208.  
  209.  
  210. #tags {
  211. position: absolute;
  212. margin-top:49px;
  213. font-size: 8px;
  214. text-align:center;
  215. text-transform:uppercase;
  216. width:400px;
  217. }
  218.  
  219.  
  220. #tags a{
  221. color:{color:links};
  222. padding: 0px 3px;
  223. }
  224.  
  225. #tags a:hover{
  226. color:{color:links hover};
  227. }
  228.  
  229. #sidebar{
  230. position:absolute;
  231. margin-top:-170px;
  232. margin-left:490px;}
  233.  
  234. #sidebarimage img{
  235. width:170px;
  236. border-radius:100%;
  237. background:white;
  238. margin-bottom:10px;
  239. }
  240.  
  241.  
  242. #description{
  243. font-size:10px;
  244. width:180px;
  245. margin-left:490px;
  246. text-align:justify;
  247. text-transform:normal;
  248. color:black;
  249. margin-top:24px;}
  250.  
  251.  
  252. #links{
  253. margin-left:485px;
  254. width:300px;
  255. position:absolute;
  256. font-family:consolas;
  257. text-align:justify;
  258. text-transform:normal;
  259. }
  260.  
  261.  
  262. #links a{
  263. color:{color:links};
  264. padding:4px;
  265. font-size:10px;
  266. }
  267.  
  268. #links a:hover{
  269. color:{color:links hover};
  270. }
  271.  
  272. h1{
  273. font-size:15px;
  274. text-align:justify;
  275. color:#747474;
  276. }
  277.  
  278.  
  279.  
  280. #quote{
  281. font-size:10px;
  282. line-height:15px;
  283. }
  284.  
  285. #src{
  286. font-size:9px;
  287. text-transform:uppercase;
  288. font-weight:bold;
  289. margin-top:7px;
  290. border-top:1px solid #fafafa;
  291. }
  292.  
  293.  
  294.  
  295. #credit{
  296. right:10px;
  297. bottom:15px;
  298. font-size:10px;
  299. position:fixed;
  300. -webkit-transition: all 0.4s ease-out;
  301. -o-transition: all 0.4s ease-out;
  302. text-align:center;
  303. font-family:calibri;
  304. font-style:normal;}
  305.  
  306. #credit a{
  307. border-radius:70%;
  308. height:1px;
  309. border:1px solid #1ad1ec;
  310. display:inline-block;
  311. padding:4px;
  312. padding-bottom:3px;
  313. color:white;
  314. background:#9febf6;}
  315.  
  316. #credit a:hover{
  317. background:#1ad1ec;
  318. border:1px solid #9febf6;
  319.  
  320. }
  321.  
  322.  
  323.  
  324.  
  325.  
  326. .chat ol {
  327. padding:0;
  328. list-style:none;
  329. }
  330.  
  331. .line {padding:5px 2;}
  332.  
  333. .label {
  334. font-weight:bold;}
  335.  
  336. .user_1 { background-color:transparent;padding:5px; }
  337. .user_2 { background-color:#fdfdfd;padding:5px; }
  338. .user_3 { background-color:transparent;padding:5px; }
  339. .user_4 { background-color:#fdfdfd;padding:5px; }
  340. .user_5 { background-color:transparent;padding:5px; }
  341. .user_6 { background-color:#fdfdfd;padding:5px; }
  342. .user_7 { background-color:transparent;padding:5px; }
  343. .user_8 { background-color:#fdfdfd;padding:5px; }
  344. .user_9 { background-color:transparent;padding:5px; }
  345. .user_10 { background-color:#fdfdfd;padding:5px; }
  346.  
  347. .playerbuttonbg {
  348. position: absolute;
  349. left: 20px;
  350. top: 20px;
  351. width: 19px;
  352. height: 19px;
  353. background-color: #ffffff;
  354. padding: 10px;
  355. opacity: .4;
  356. filter: alpha(opacity=40);
  357. -moz-opacity: 0.4;
  358. -khtml-opacity: 0.4;
  359. transition: opacity .7s ease-in-out;
  360. -moz-transition: opacity .7s ease-in-out;
  361. -webkit-transition: opacity .7s ease-in-out;}
  362.  
  363. .playerbuttonbg:hover {
  364. opacity: 1;
  365. filter: alpha(opacity=100);
  366. -moz-opacity: 1;
  367. -khtml-opacity: 1;}
  368.  
  369. .newplayerbutton {
  370. position: relative;
  371. width: 19px;
  372. height: 19px;
  373. overflow: hidden;}
  374.  
  375. .playerbuttonhug {
  376. position: absolute;
  377. font-size:10px;
  378. top: -36px;
  379. left: -14px;}
  380.  
  381. .tumblr_audio_player {
  382. height: 90px;
  383. width: 270px;
  384. -moz-transform: scale(0.60, 0.60);
  385. -webkit-transform: scale(0.60, 0.60);
  386. -o-transform: scale(0.60, 0.60);
  387. -ms-transform: scale(0.60, 0.60);
  388. transform: scale(0.60, 0.60);
  389. -moz-transform-origin: top left;
  390. -webkit-transform-origin: top left;
  391. -o-transform-origin: top left;
  392. -ms-transform-origin: top left;
  393. transform-origin: top left;}
  394.  
  395. .audioimgwrapper {
  396. position: absolute;
  397. left: 0px;
  398. top: 0px;
  399. overflow: hidden;
  400. width: 79px;
  401. height: 79px;}
  402.  
  403. .audioimgwrapper img {
  404. width: 100%;
  405. height: auto;
  406.  
  407.  
  408. }
  409.  
  410. .trackdetails {
  411. width: auto;
  412. font-size:11px;
  413. font-family:calibri;
  414. text-transform:uppercase;
  415. font-size:10px;
  416. display:inline-block;
  417. margin-left: 90px;
  418. margin-top:5px;
  419. min-height: 85px;}
  420.  
  421.  
  422. .audiowrapper {
  423. position: relative;
  424. display:inline-block;
  425. }
  426. .notes img {
  427. display:none!important;}
  428.  
  429.  
  430. .notes {
  431. font-family:consolas;
  432. font-size:10px;
  433. padding-top:20px;
  434. margin-top:30px;
  435. width:370px;
  436. margin-left:3px;
  437. line-height:20px;}
  438.  
  439.  
  440. #topbar {
  441. position:absolute;
  442. margin-left:188px;
  443. width:50%;
  444. height:auto;
  445. margin-top:-110px;
  446.  
  447. }
  448.  
  449. #topbarbg {
  450. position:absolute;
  451. margin-top:-570px;
  452. margin-left:-8px;
  453. width:100%;
  454. height:50%;
  455. background-color:{color:header};
  456. {block:ifheaderimage}
  457. background: url({image:Header});
  458. background-position: center;
  459. -webkit-background-size: cover;
  460. -moz-background-size: cover;
  461. -o-background-size: cover;
  462. background-size: cover;
  463. {/block:ifheaderimage}
  464. }
  465.  
  466.  
  467. #title{
  468. width:200px;
  469. font-family: arial;
  470. font-size:20px;
  471. text-align:justify;
  472. margin-left:488px;
  473. margin-top:-32px;
  474. text-transform:normal;
  475. margin-bottom:3px;
  476. font-weight:bold;
  477.  
  478. }
  479.  
  480. #inf{
  481. position:absolute;
  482. margin-left:-70px;
  483. margin-top:0px;}
  484.  
  485. #inf img{
  486. border-radius:100%;
  487. width:50px;
  488. }
  489.  
  490.  
  491. #b-top {
  492. width: 600px;
  493. bottom: -0px;
  494. position: fixed;
  495. text-align: center;
  496. text-transform: uppercase;
  497. z-index: 9999;
  498.  
  499. }
  500.  
  501. .hidden {display: none;}
  502.  
  503. .pagination{
  504. font-size:9px;
  505. background:white;
  506. padding:10px;
  507. margin-left:-70px;
  508. padding-bottom:10px;
  509.  
  510.  
  511. }
  512.  
  513. .pagination a{
  514. font-family:consolas;
  515. font-size:9px;
  516. color:black;
  517. padding:4px;
  518. }
  519.  
  520. .pagination a:hover{
  521. background:white;
  522. }
  523. {CustomCSS}</style></head><body>
  524.  
  525. <div id="topbarbg">
  526.  
  527.  
  528.  
  529. </div>
  530.  
  531.  
  532. </div>
  533.  
  534. </div>
  535.  
  536.  
  537. <div id="topbar">
  538.  
  539.  
  540.  
  541.  
  542. <div id="title" ><b>{Title}</b></div>
  543.  
  544. <div id="links">
  545. <a href="/">index</a> •
  546. <a href="/ask">inbox</a> •
  547. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  548. </div>
  549. <div id="description">
  550. {Description}</div>
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557. </div>
  558.  
  559.  
  560. <div id="sidebar">
  561. <div id="sidebarimage"><img src="{image:sidebar}"/>
  562.  
  563. </div>
  564.  
  565.  
  566.  
  567. </div></div>
  568.  
  569.  
  570.  
  571.  
  572.  
  573. <script type="text/javascript">
  574. $(document).ready(function() {
  575. $("#moving .ltitle").click(function() {
  576. $(this).next().slideToggle();
  577. if($('.list ul:visible').length > 1) {
  578. $('.list ul:visible').hide();
  579. $(this).next().show();
  580. }
  581. });
  582. });
  583. </script>
  584.  
  585.  
  586. <div class="entries">
  587. <div id="b-top">{block:Pagination}
  588. <div class="pagination">
  589. {block:PreviousPage}
  590. <a href="{PreviousPage}">&larr;&nbsp; prev </a>
  591. {/block:PreviousPage}
  592. &nbsp;
  593. {block:NextPage}
  594. <a href="{NextPage}">next &nbsp;&rarr;</a>
  595. {/block:NextPage}
  596. </div>
  597. {/block:Pagination}
  598. </div>
  599.  
  600.  
  601. {block:Posts}<div class="post">
  602.  
  603.  
  604.  
  605. <div id="inf">
  606. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-64}"></a>
  607. {/block:RebloggedFrom}
  608. </div>
  609.  
  610. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  611.  
  612. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  613.  
  614. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  615.  
  616. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="src">- {Source}</div>{/block:Source}{/block:Quote}
  617.  
  618.  
  619. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  620.  
  621.  
  622. {block:Chat} {block:Title} <h1> {Title} </h1>{/block:Title} <div class="chat"><ol> {block:Lines} <li class="line {Alt}"> <li class="user_{UserNumber}">{block:Label}<span class="label"> {Label} </span> {/block:Label} {Line}</li>{/block:Lines}</ol></div>
  623. {/block:Chat}
  624.  
  625.  
  626.  
  627. {block:AudioPlayer}
  628. <div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt} <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerWhite}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}<br/>{PlayCountWithLabel}</div>{block:Caption}{Caption}{/block:Caption}</div>{/block:AudioPlayer}
  629.  
  630. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  631.  
  632.  
  633. {block:Answer}
  634. <div id="question"><b> <div id="asker">{Asker} said: </b></div> {Question}<br /> </div>
  635. <div id="answer">{Answer}</div>{/block:Answer}
  636.  
  637. <div id="info" >
  638.  
  639. {block:Date} <a href="{Permalink}" >~{TimeAgo}</a>{/block:Date}
  640. {block:NoteCount} <a href="{Permalink}" > {NoteCount}</a>{/block:NoteCount}
  641.  
  642. <a href="{ReblogURL}" target="_blank" title="reblog" > ↺ </a>
  643.  
  644. {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a> {/block:ContentSource}
  645. <br>
  646.  
  647. </div>
  648.  
  649.  
  650. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  651.  
  652.  
  653.  
  654. <div id="credit"><a href="http://ziambuttsex.tumblr.com" target="_blank" title="by ziambuttsex" > <b></b></a></div>
  655.  
  656.  
  657. <script>
  658. $(document).ready(function(){
  659.  
  660. // hide #back-top first
  661. $("#b-top").hide();
  662.  
  663. // fade in #back-top
  664. $(function () {
  665. $(window).scroll(function () {
  666. if ($(this).scrollTop() > 100) {
  667. $('#b-top').fadeIn();
  668. } else {
  669. $('#b-top').fadeOut();
  670. }
  671. });
  672.  
  673. // scroll body to 0px on click
  674. $('#top a').click(function () {
  675. $('body,html').animate({
  676. scrollTop: 0
  677. }, 800);
  678. return false;
  679. });
  680. });
  681.  
  682. });
  683. </script>
  684.  
  685.  
  686.  
  687.  
  688. {block:PostNotes}
  689. <div class="notes">{PostNotes}</div>
  690. {/block:PostNotes}
  691.  
  692.  
  693. </div>
  694.  
  695.  
  696.  
  697. </body>
  698.  
  699. </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!