Advertisement
Guest User

FUChh

a guest
Nov 21st, 2014
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 KB | None | 0 0
  1. <!--THEME 03 by eloqvenc
  2. don't remove the credit
  3. that makes you an asshole
  4. don't use as a base
  5. that also makes you an asshole-->
  6.  
  7. <!DOCTYPE html>
  8. <head>
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--Default Variables-->
  18.  
  19. <meta name="image:Background" content=""/>
  20.  
  21. <meta name="color:Background" content="#f5f5f5"/>
  22. <meta name="color:Gradient" content="#b8b8b8"/>
  23. <meta name="color:Post Background" content="ffffff"/>
  24. <meta name="color:Text" content="#3c3c3c"/>
  25. <meta name="color:Link" content="#7b7b7b"/>
  26. <meta name="color:Link Hover" content="#9ce1d1"/>
  27. <meta name="color:Blog Title" content="#3c3c3c"/>
  28. <meta name="color:Post Border" content="#dddddd"/>
  29. <meta name="color:Accent" content="#f3f3f3"/>
  30.  
  31. <meta name="if:Show Caption" content=""/>
  32. <meta name="if:Gradient Background" content="0"/>
  33.  
  34. <meta name="text:URL" content="your url"/>
  35. <meta name="text:Ask Title" content="ask"/>
  36. <meta name="text:Margin of Blog Title From Top" content="adjust this to center your blog title in the circle"/>
  37. <meta name="text:Link 1 URL" content="" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="" />
  42. <meta name="text:Link 3" content="" />
  43.  
  44. <!-- jquery for tooltips-->
  45.  
  46. <!--sticky links-->
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80.  
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  82.  
  83. <script type="text/javascript">
  84. $(function(){ // document ready
  85. if (!!$('#linkstick').offset()) { // make sure ".sticky" element exists
  86. var stickyTop = $('#linkstick').offset().top; // returns number
  87. $(window).scroll(function(){ // scroll event
  88. var windowTop = $(window).scrollTop(); // returns number
  89. if (stickyTop < windowTop){
  90. $('#linkstick').css({ position: 'fixed', top: 0 });
  91. }
  92. else {
  93. $('#linkstick').css('position','static');
  94. }
  95. });
  96. }
  97. });
  98. </script>
  99.  
  100.  
  101. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  102.  
  103. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104.  
  105. <script>
  106. (function($){
  107. $(document).ready(function(){
  108. $("a[title]").style_my_tooltips({
  109. tip_follows_cursor:true,
  110. tip_delay_time:30,
  111. tip_fade_speed:300,
  112. attribute:"title"});
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124. <!--CSS customization here. -->
  125.  
  126. <style type="text/css">
  127.  
  128.  
  129. .popup_block{
  130. display:none;
  131. background:#fff;
  132. padding:20px;
  133. float:left;
  134. border-radius:10px;
  135. position:fixed;
  136. font-size:10px;
  137. top:50%;left:50%;
  138. text-align:center;
  139. z-index: 99999;
  140. }
  141.  
  142. *html #fade {position: absolute;}
  143. *html .popup_block {position: absolute;}
  144. #fade {
  145. display:none;
  146. position:fixed;
  147. left:0px;
  148. text:#fff;
  149. top:0px;
  150. width:100%;
  151. height:100%;
  152. z-index:9999;
  153.  
  154. background:{color:background};
  155.  
  156. {block:ifbackgroundimage}url('{image:background}') center center fixed repeat{/block:ifbackgroundimage};
  157. {block:ifstretchbackground}
  158. -webkit-background-size: cover;
  159. -moz-background-size: cover;
  160. -o-background-size: cover;
  161. background-size: cover;
  162. {/block:ifstretchbackground}
  163.  
  164. {block:ifGradientBackground}
  165. background: {color:background};
  166. background: -moz-linear-gradient(top, {color:background} 0%, {color:Gradient} 100%); /* FF3.6+ */
  167. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:background}), color-stop(100%,{color:Gradient})); /* Chrome,Safari4+ */
  168. background: -webkit-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* Chrome10+,Safari5.1+ */
  169. background: -o-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* Opera 11.10+ */
  170. background: -ms-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* IE10+ */
  171. background: linear-gradient(to bottom, {color:background} 0%,{color:Gradient} 100%); /* W3C */
  172. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:background}', endColorstr='{color:Gradient}',GradientType=0 ); /* IE6-9 */
  173. background-attachment: fixed;
  174. {/block:ifGradientBackground}
  175.  
  176. }
  177.  
  178.  
  179. #s-m-t-tooltip{
  180. position:absolute;
  181. margin-top: 15px;
  182. padding:5px;
  183. z-index:999999999999;
  184. border:1px solid {color:post border};
  185. background:{color:accent};
  186.  
  187. }
  188.  
  189.  
  190. /*basics*/
  191. blockquote {padding:5px 0 5px 30px;
  192. margin-left:30px;
  193. }
  194.  
  195. body {
  196.  
  197. background:{color:background};
  198.  
  199. {block:ifGradientBackground}
  200. background: {color:background};
  201. background: -moz-linear-gradient(top, {color:background} 0%, {color:Gradient} 100%); /* FF3.6+ */
  202. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:background}), color-stop(100%,{color:Gradient})); /* Chrome,Safari4+ */
  203. background: -webkit-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* Chrome10+,Safari5.1+ */
  204. background: -o-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* Opera 11.10+ */
  205. background: -ms-linear-gradient(top, {color:background} 0%,{color:Gradient} 100%); /* IE10+ */
  206. background: linear-gradient(to bottom, {color:background} 0%,{color:Gradient} 100%); /* W3C */
  207. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:background}', endColorstr='{color:Gradient}',GradientType=0 ); /* IE6-9 */
  208. background-attachment: fixed;
  209. {/block:ifGradientBackground}
  210.  
  211.  
  212.  
  213. font-family:arial;
  214. text-transform:none;
  215. text-align:center;
  216. font-size:9px;
  217. text-align:justify;
  218. margin:0;
  219. line-height:16px;}
  220.  
  221.  
  222. a {
  223. color:{color:link};
  224. text-decoration:none;
  225. }
  226.  
  227. a:hover {
  228. text-decoration:none;
  229. color:{color:link hover};
  230. }
  231.  
  232. img{opacity:1;
  233. border:none;
  234. text-decoration:none}
  235.  
  236.  
  237. small {
  238. font-size:9px;}
  239.  
  240. big {
  241. font-size:12px;}
  242.  
  243.  
  244. #title {font-size:12px;
  245. line-height:18px;
  246. font-weight:bold;
  247. margin-bottom:10px;
  248. text-transform:uppercase;
  249. text-align:center;}
  250.  
  251.  
  252. /*sidebar*/
  253. #sidebar {
  254. margin-top:15px;
  255. margin-left:15px;
  256. position:fixed;
  257. opacity:.8;
  258. background:#000;
  259. width:125px;
  260. height:125px;
  261. border-radius:100px;
  262. margin-right:0px;
  263. }
  264.  
  265.  
  266.  
  267.  
  268.  
  269. #blogt {
  270. color:{color:blog title};
  271. font-size:11px;
  272. font-weight:none;
  273. margin-top:{text:Margin of Blog Title From Top}px;
  274. margin-left:18px;
  275. width:90px;
  276. text-align:center;
  277. text-transform:uppercase;
  278. letter-spacing:2px;
  279. font-family:'lato' sans-serif;
  280. }
  281.  
  282.  
  283. #links {
  284. padding:10px;
  285. font-size:11px;
  286. font-family:arial;
  287. letter-spacing:0px;
  288. font-weight:300;
  289. text-align:center;
  290. position:fixed;
  291. background-color:#fff;
  292. margin-top:155px;
  293. margin-left:20px;
  294. width:125px;
  295. border:1px solid #eee;
  296. text-transform:lowercase;
  297. }
  298.  
  299. #links a {
  300. display:inline-block;
  301. }
  302.  
  303. #description {
  304. background-color:#fff;
  305. font-family:arial;
  306. text-transform:none;
  307. color:{color:text};
  308. font-size:10px;
  309. position:fixed;
  310. letter-spacing:0px;
  311. width:125px;
  312. line-height:10px;
  313. margin-top:200px;
  314. margin-left:20px;
  315. text-align:justify;
  316. padding:10px;
  317. border:1px solid #eee;
  318. }
  319.  
  320.  
  321.  
  322.  
  323. /*pagination*/
  324. #pagination {
  325. margin:50px 0;
  326. text-transform:uppercase;
  327. letter-spacing:1px;
  328. text-align:center;
  329. }
  330. #pagination a {
  331. display:inline-block;
  332. border-radius:5px;
  333. background:{color:post background};
  334. padding:0 15px;
  335. padding-top:5px;
  336. padding-bottom:5px;
  337. }
  338.  
  339.  
  340.  
  341.  
  342.  
  343. /*container*/
  344. #con {
  345. margin-left:200px;
  346. position:absolute;
  347. }
  348.  
  349.  
  350.  
  351. /*posts*/
  352.  
  353. #entries {
  354.  
  355. margin-top:30px;
  356. width:400px;
  357. }
  358.  
  359.  
  360.  
  361. #posts {
  362. background-color:#fff;
  363. border:1px solid #eee;
  364. padding:15px;
  365. width:400px;
  366. {block:IndexPage}
  367. margin-bottom:30px;
  368. {/block:IndexPage}
  369. {block:PermalinkPage}
  370. margin-bottom:50px;
  371. {/block:PermalinkPage}
  372. }
  373.  
  374. #posts img {
  375. max-width:400px;
  376. padding-bottom:15px;}
  377.  
  378. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  379.  
  380.  
  381. .caption {
  382. width:380px;
  383. border-radius:10px;
  384. margin-top:20px;
  385. background:{color:accent};
  386. opacity:.8;
  387. padding-bottom:15px;
  388. padding:5px 10px 5px 10px;
  389. font-family:arial;
  390. text-transform:none;
  391. letter-spacing:1px;
  392. font-size:8px;
  393. }
  394.  
  395.  
  396. /*quote*/
  397.  
  398. #titlequote{text-align:center;
  399. font-size:10px;
  400. font-family:arial;
  401. text-transform:none;
  402. line-height:18px;
  403. }
  404.  
  405. #source {
  406. text-align:center;
  407. font-size:9px;
  408. font-family:arial;
  409. text-transform:uppercase;
  410. margin-top:15px;
  411. margin-left:0px;}
  412.  
  413. /*audio*/
  414.  
  415. .player {
  416. width:25px;
  417. height:25px;
  418. overflow:hidden;
  419. position:absolute;
  420. background:white;}
  421.  
  422. .audioinfo {
  423. margin-left:50px;
  424. font-size:9px;
  425. font-family:arial;
  426. text-transform:none;
  427. margin-bottom:10px;
  428. }
  429.  
  430.  
  431. /*asks*/
  432. .q {margin-bottom:10px;
  433.  
  434. }
  435. .as {
  436. font-weight:bold;
  437. text-align:center;
  438. font-size:9px;
  439. font-family:arial;
  440. text-transform:none;}
  441.  
  442. .a {
  443. margin-top:10px;
  444. }
  445.  
  446.  
  447. /*chat*/
  448.  
  449. .chat ol {
  450. padding:0;
  451. list-style:none;
  452. text-align:center;
  453. font-size:9px;
  454. font-family:arial;
  455. text-transform:none;
  456. }
  457. .line {padding:5px 0;}
  458.  
  459. .label {font-weight:bold;
  460. }
  461.  
  462.  
  463.  
  464.  
  465.  
  466. /*permalink and notes*/
  467.  
  468. #permalink {
  469. margin-top:15px;
  470. font-size:8px;
  471. text-align:center;
  472. font-family:arial;
  473. text-transform:uppercase;
  474. }
  475.  
  476. #permalink a {margin-right:10px;
  477. }
  478.  
  479.  
  480. .tags {
  481. word-break:break-all;
  482. font-size:8px;
  483. font-family:arial;
  484. text-align:center;
  485. border-radius:6px;
  486. text-transform:none;
  487. }
  488.  
  489. .pagenotes {
  490. {block:IndexPage}
  491. display: none!important;
  492. {/block:IndexPage}
  493. width:400px;
  494. text-align:left;
  495.  
  496. }
  497. .pagenotes img {
  498. display:none!important;}
  499. .pagenotes li {
  500. list-style-type:none;
  501. padding:5px 0px;
  502. text-align:left;
  503. margin:0 0 0 -40px;
  504. }
  505.  
  506. #credit {
  507. position:fixed;
  508. bottom:4px;
  509. right:4px;
  510. text-transform:uppercase;
  511. border:1px solid {color:post border};
  512. padding-left:3px;
  513. padding-right:3px;
  514. letter-spacing:1px;
  515. }
  516.  
  517.  
  518.  
  519.  
  520.  
  521.  
  522. {CustomCSS}
  523.  
  524.  
  525. </style>
  526.  
  527.  
  528.  
  529. </head>
  530.  
  531. <div id="box2" class="popup_block">
  532. <p>put your information here! make it as long as you want.<p><b>bold stuff?</b><br><i>italicize?<br><b>both?</i></b><p>go crazy.
  533. </div>
  534.  
  535.  
  536.  
  537.  
  538. <div id="sidebar">
  539.  
  540. <div id="blogt">{Title}</div>
  541.  
  542. </div>
  543.  
  544. <div id="links">
  545.  
  546. <a href="/">home</a>
  547. <a href="#?w=400" rel="box1" class="poplight">mail</a>
  548. <a href="#?w=400" rel="box2" class="poplight">profile</a>
  549. <a href="#?w=400" rel="box3" class="poplight">links</a>
  550. </div>
  551.  
  552.  
  553.  
  554. <div id="description">{Description}</div>
  555.  
  556. </div>
  557. </div>
  558.  
  559. </div>
  560.  
  561.  
  562. <body>
  563.  
  564.  
  565. <div id="box1" class="popup_block">
  566. {text:ask title}<p>
  567. <iframe frameborder="0" height="240" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  568. </div>
  569.  
  570.  
  571.  
  572.  
  573. <div id="credit"><a href="http://incedo.tumblr.com">eqv</a></div>
  574.  
  575.  
  576.  
  577.  
  578.  
  579. <div id="con">
  580.  
  581.  
  582.  
  583. <div id="entries">
  584.  
  585.  
  586.  
  587. {block:Posts}
  588. <div id="posts">
  589.  
  590.  
  591.  
  592. {block:Quote}
  593.  
  594.  
  595. <div id="titlequote">“{Quote}”</div>
  596. {block:Source}<div id="source">{Source}</div>{/block:Source}
  597. {/block:Quote}
  598.  
  599.  
  600.  
  601. {block:Text}
  602.  
  603. {block:Title}
  604. <div id="title">{Title}</div>{/block:Title}
  605. {Body}
  606.  
  607.  
  608. {/block:Text}
  609.  
  610.  
  611.  
  612. {block:Link}
  613. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  614. {/block:Link}
  615.  
  616. {block:Chat}
  617. {block:Title}
  618. <h1>{Title}</h1>
  619. {/block:Title}
  620. <div class="chat">
  621. <ol>{block:Lines}
  622. <li class="line {Alt}">
  623. {block:Label}
  624. <span class="label">
  625. {Label}</span>
  626. {/block:Label}{Line}</li>
  627. {/block:Lines}
  628. </ol></div>
  629. {/block:Chat}
  630.  
  631. {block:Photo}
  632. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  633. {/block:Photo}
  634.  
  635. {block:Photoset}
  636. {Photoset-400}
  637. {/block:Photoset}
  638.  
  639. {block:Video}
  640. {Video-400}
  641. {/block:Video}
  642.  
  643. {block:Audio}
  644. <div class="player">{AudioPlayerWhite}</div>
  645. <div class="audioinfo">
  646. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  647. </div>
  648. {/block:Audio}
  649.  
  650. {block:Answer}
  651. <div class="q">
  652. <div class="as">{Asker} said: </div>
  653. {Question}</div>
  654. <div class="a">{Answer}</div>
  655. {/block:Answer}
  656.  
  657.  
  658.  
  659. {block:ifshowcaption}
  660. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  661. {/block:ifshowcaption}
  662.  
  663. {block:Date}
  664.  
  665. <div id="permalink">
  666. <a href="{Permalink}" >✖ {TimeAgo}</a>{block:NoteCount}<a href="{Permalink}">✖ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">✖ via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">✖ source</a>{/block:ContentSource}{/block:RebloggedFrom}
  667. </div>
  668. {/block:Date}
  669. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  670.  
  671.  
  672.  
  673.  
  674. </div>
  675.  
  676.  
  677.  
  678.  
  679. {block:PostNotes}
  680. <div class="pagenotes">
  681. {PostNotes}
  682. </div>
  683. {/block:PostNotes}
  684.  
  685.  
  686. {/block:Posts}
  687.  
  688. <div id="pagination">
  689. {block:Pagination}
  690. {block:PreviousPage}
  691. <a href="{PreviousPage}">retreat</a>
  692. {/block:PreviousPage}
  693.  
  694.  
  695. {block:NextPage}
  696. <a href="{NextPage}">forward</a>
  697. {/block:NextPage}
  698. {/block:Pagination}
  699. </div>
  700.  
  701.  
  702.  
  703. </div>
  704.  
  705. </div>
  706.  
  707.  
  708. {block:ContentSource}
  709. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  710. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  711. {/block:SourceLogo}
  712. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  713. {/block:ContentSource}
  714.  
  715. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement