API tools faq
paste
Advertisement
t-offee

Trusting Theme (OLD)

t-offee
Apr 21st, 2013
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.75 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------
  2.  
  3.  
  4. /// trusting theme by ally
  5.  
  6. © 2014 stahrfruits.tumblr.com
  7.  
  8.  
  9. -------------------------------------------------------------------------->
  10.  
  11. <!--To change the text that says "trusting,"
  12. go through the steps that you'll find by
  13. scrolling thru the HTML. Look for step 1
  14. and then for step 2.-->
  15.  
  16.  
  17.  
  18. <html lang="en">
  19. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml">
  21.  
  22. <head>
  23. <script type="text/javascript">
  24. WebFontConfig = {
  25. google: { families: [ 'Dawning+of+a+New+Day::latin' ] }
  26. };
  27. (function() {
  28. var wf = document.createElement('script');
  29. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  30. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  31. wf.type = 'text/javascript';
  32. wf.async = 'true';
  33. var s = document.getElementsByTagName('script')[0];
  34. s.parentNode.insertBefore(wf, s);
  35. })(); </script>
  36. <link href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  37.  
  38. <!-- Scripts -->
  39.  
  40. <script type="text/javascript">
  41. <!--
  42.  
  43. // Disable Right Click Script
  44.  
  45. function IE(e)
  46. {
  47. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  48. {
  49. return false;
  50. }
  51. }
  52. function NS(e)
  53. {
  54. if (document.layers || (document.getElementById && !document.all))
  55. {
  56. if (e.which == "2" || e.which == "3")
  57. {
  58. return false;
  59. }
  60. }
  61. }
  62. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  63.  
  64. //-->
  65. </script>
  66.  
  67.  
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70.  
  71. <!--DEFAULT VARIABLES-->
  72. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  73. <meta name="color:background" content="#fff"/>
  74. <meta name="color:link" content="#777"/>
  75. <meta name="color:text" content="#777"/>
  76. <meta name="color:title" content="#333"/>
  77. <meta name="color:hover" content="#fdf1fc"/>
  78. <meta name="image:sidebar" content="1"/>
  79. <meta name="image:background" content="1"/>
  80.  
  81.  
  82.  
  83.  
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88.  
  89.  
  90.  
  91. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  92.  
  93. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  94.  
  95. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  96.  
  97.  
  98.  
  99. p {
  100. margin:0px;
  101. margin-top:0px;
  102. }
  103.  
  104.  
  105. body {
  106. padding: 0px;
  107. margin: 0px;
  108. color:{color:text};
  109. font-family: dixel;
  110. line-height:7px;
  111. font-size:8px;
  112. background-color: {color:Background};
  113. background-image:url({image:Background});
  114. background-attachment: fixed;
  115. background-repeat: repeat;
  116. }
  117.  
  118.  
  119. a:link, a:active, a:visited{
  120. text-decoration: none;
  121. -webkit-transition: color 0.3s ease-out;
  122. -moz-transition: color 0.3s ease-out;
  123. transition: color 0.3s ease-out;
  124. color:{color:link};
  125. }
  126.  
  127. a:hover {
  128. text-decoration: none;
  129. font-style:;
  130. color: {color:Hover};
  131. }
  132.  
  133. div#center{
  134. margin:auto;
  135. position:relative;
  136. width:1000px;
  137. background-color:;
  138. overflow:auto;
  139. overflow-y:hidden;
  140. }
  141.  
  142.  
  143. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  144. .entry {
  145. float:left;
  146. display: block;
  147. margin:5px;
  148. overflow:hidden;
  149. width:220px;
  150. {block:PermalinkPage}
  151. width:450px;
  152. text-align:left;
  153. line-height:10px;
  154. {/block:PermalinkPage}
  155. background:white;
  156. background-image:URL();
  157. }
  158.  
  159.  
  160. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  161. .entry .perma{
  162. width:220px;
  163. height:16px;
  164. margin-left:0px;
  165. position: absolute;
  166. line-height: 16px;
  167. overflow:hidden;
  168. text-align:center;
  169. top:0px;
  170. background:white;
  171. word-spacing:2px;
  172. letter-spacing:1px;
  173. opacity: 0.0;
  174. -webkit-transition: all .7s ease;
  175. -moz-transition: all .7s ease;
  176. -o-transition: all .7s ease;
  177. transition: all .7s ease;
  178.  
  179. }
  180.  
  181. .entry:hover .perma{
  182. overflow:visible;
  183. opacity:0.9;
  184. }
  185.  
  186.  
  187.  
  188.  
  189.  
  190. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  191. #posts {
  192. width:500px;
  193. margin-top:1px;
  194. z-index:99;
  195. margin-left:319px;
  196. right:auto;
  197. background:transparent;
  198. margin-right:auto;
  199. position:relative;
  200. overflow-y: hidden;
  201. }
  202.  
  203.  
  204. /*CUSTOMIZE SIDEBAR HERE*/
  205. #sidebar{
  206. position:fixed !important;
  207. width:170px;
  208. background:white;
  209. height:auto;
  210. margin-top:150px;
  211. margin-left:135px;
  212. text-align:center;
  213. }
  214.  
  215.  
  216. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  217.  
  218.  
  219. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  220. .title{
  221. line-height: 12px;
  222. color:{color:Title};
  223. font-weight: normal;
  224. font-family: Dawning of a new day;
  225. font-size: 20px;
  226. }
  227.  
  228.  
  229. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  230. .permalink{
  231. text-transform: normal;
  232. display: block;
  233. text-align: right;
  234. text-decoration: none;
  235. }
  236.  
  237. /*TITLE */
  238.  
  239. .title{
  240. font-family: dawning of a new day;
  241. font-size: 30px;
  242. line-height: 25px;
  243. color:{color:Title};
  244. letter-spacing: 0px;
  245. font-weight: normal;
  246. padding:0px 0px 0px 0px;
  247. }
  248.  
  249. /* BLAH BLAH BLAH TITLE BAR */
  250.  
  251. div#titlebar{
  252. position: fixed !important;
  253. margin-top:-65px;
  254. margin-left:-17px;
  255. color:{color:blogtitle};
  256. text-shadow: 3px 3px 0px #ddd;
  257. font-family: learningcurve;
  258. font-size: 65px;
  259. line-height:85px;
  260. letter-spacing:0px;
  261. letter-spacing:2px;
  262. width:200px;
  263. height:60px;
  264. border-left:0px;
  265. z-index:9999;
  266. border-right:0px;
  267. border-bottom:3px double {color:blogtitle};
  268. background-color: transparent;
  269. text-transform: lowercase;
  270. text-align: center;
  271. -webkit-transform: rotate(0deg);
  272. -moz-transform: rotate(0deg);
  273. -o-transition-transition: all 0.9s ease-out;
  274. -webkit-transition: all 0.9s ease-out;
  275. -moz-transition: all 0.9s ease-out;
  276. }
  277.  
  278. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  279. #infscr-loading{
  280. bottom: -70px;
  281. position: absolute;
  282. left: 50%;
  283. margin-left:-8px;
  284. width:16px;
  285. height:11px;
  286. overflow:hidden;
  287. margin-bottom: 50px;
  288. }
  289.  
  290. #postnotes{
  291. text-align: justify;}
  292.  
  293. #postnotes blockquote{
  294. border: 0px;}
  295.  
  296. blockquote{
  297. padding:0px 0px 2px 5px;
  298. margin:0px 0px 2px 10px;
  299. border-left: 1px dotted #555555;
  300. }
  301.  
  302. blockquote p, ul{
  303. margin:0px;
  304. padding:0px;
  305. }
  306.  
  307. a img{border: 0px;}
  308.  
  309.  
  310. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  311.  
  312. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  313. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  314.  
  315. .notes img{width:10px; position:relative; top:3px;}
  316. <--ses-->
  317. small{font-size: 90%;}
  318.  
  319. .title{
  320. font-family:"dawning of a new day";
  321. font-size: 20px;
  322. line-height: 20px;
  323. color: {color:Title};
  324. font-weight: normal;
  325. padding: 2px 0px 0px 0px;
  326. }
  327.  
  328. /* --------------------------------------------------------------
  329.  
  330. S T E P T W O
  331. 2
  332. 2 2
  333. 2 2
  334. 2 2
  335. 2
  336. 2
  337. 2
  338. 2
  339. 22222222222
  340.  
  341.  
  342. Change the margin-top and margin-left below until it the text looks centered on the sidebar. You'll just have to play around with it. After that, you're done!
  343.  
  344. */
  345. .ally{
  346. font-family:"dawning of a new day";
  347. font-size: 45px;
  348. text-shadow: 0.1em 0.1em 0.2em {color:text};
  349. margin-top: -26px;
  350. margin-left: -14px;
  351. z-index: 999px;
  352. p-align: center;
  353.  
  354. }
  355.  
  356. /* -----------------------------------------------------------*/
  357.  
  358. #credit {
  359. background-color:white;
  360. font-size:8px;
  361. text-transform:uppercase;
  362. width:95px;
  363. padding:5px;
  364. right:20px;
  365. bottom:25px;
  366. position:fixed;
  367. text-align:center;
  368. border:1px dashed {color:border};
  369.  
  370. }
  371.  
  372. {CustomCSS}
  373.  
  374. @import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);
  375.  
  376. </style>
  377. <title>{title}</title>
  378.  
  379. {block:Title}<span class="title">{Title}</span>{/block:Title}
  380.  
  381. {block:IndexPage}
  382. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  383. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  384.  
  385. <script type="text/javascript">
  386. $(window).load(function(){
  387. var $wall = $('#posts');
  388. $wall.imagesLoaded(function(){
  389. $wall.masonry({
  390. itemSelector: '.entry, .entry_photo',
  391. isAnimated : false
  392. });
  393. });
  394.  
  395. $wall.infinitescroll({
  396. navSelector : '#pagination',
  397. nextSelector : '#pagination a',
  398. itemSelector : '.entry, .entry_photo',
  399. bufferPx : 2000,
  400. debug : false,
  401. errorCallback: function() {
  402. $('#infscr-loading').fadeOut('normal');
  403. }},
  404. function( newElements ) {
  405. var $newElems = $( newElements );
  406. $newElems.hide();
  407. $newElems.imagesLoaded(function(){
  408. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  409. });
  410. }); $('#posts').show(500);
  411. });
  412. </script>
  413.  
  414.  
  415. {/block:IndexPage}
  416.  
  417.  
  418.  
  419.  
  420. <link rel="shortcut icon" href="{Favicon}" />
  421. <meta name="viewport" content="width=820" />
  422.  
  423. <!----DISABLE CTRL+U------>
  424.  
  425. <script language=JavaScript>
  426. <!--
  427.  
  428. //Disable right mouse click Script
  429. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  430. //For full source code, visit http://www.dynamicdrive.com
  431.  
  432. var message="it's illegal to steal. quit being unoriginal and get your own creativity :) :) :)";
  433.  
  434. ///////////////////////////////////
  435. function clickIE4(){
  436. if (event.button==2){
  437. return false;
  438. }
  439. }
  440.  
  441. function clickNS4(e){
  442. if (document.layers||document.getElementById&&!document.all){
  443. if (e.which==2||e.which==3){
  444.  
  445. return false;
  446. }
  447. }
  448. }
  449.  
  450. if (document.layers){
  451. document.captureEvents(Event.MOUSEDOWN);
  452. document.onmousedown=clickNS4;
  453. }
  454. else if (document.all&&!document.getElementById){
  455. document.onmousedown=clickIE4;
  456. }
  457.  
  458. document.oncontextmenu=new Function("return false")
  459.  
  460. // -->
  461. </script>
  462.  
  463. </head>
  464.  
  465. <body onkeydown="return false">
  466.  
  467.  
  468. <BODY onselectstart="return false;" ondragstart="return false;">
  469.  
  470. <!-- Brushstroke-->
  471.  
  472. <a href="/"><img src="http://i46.tinypic.com/2lazqq8.gif" width="300"style="position:fixed; top:80px; left:250px; opacity:1; z-index:-99;" /></a>
  473.  
  474. <!-- Brushstroke -->
  475.  
  476. <div class="wrapper">
  477. <div class="header">
  478. </div>
  479.  
  480. <div id="cage">
  481. <div id="center">
  482.  
  483.  
  484. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  485. <div id="sidebar">
  486.  
  487.  
  488.  
  489.  
  490. <center>
  491.  
  492. <!---Links--->
  493.  
  494.  
  495. <a href="/">HOME</a> -
  496. <a href="/ask" rel="02" class="poplight">MSSG</a> -
  497. <a href="/link1">LINK1</a> -
  498. <a href="/link2">LINK2</a> -
  499.  
  500. <!------------------------------------------------------------>
  501.  
  502.  
  503. <a href="http://t-offee.tumblr.com/">credit</a><br>
  504. <a href="/"><img src="{image:sidebar}" width=100%></a>
  505.  
  506. <!--
  507.  
  508. S T E P O N E
  509.  
  510. 1
  511. 1
  512. 1
  513. 1
  514. 1
  515. 1
  516. 1
  517.  
  518. Change the text to whatever you'd like it to say. adjust the <big> and </big> tags so that your text isn't too big for the sidebar. If it looks out of whack right now, that's okay. Search for step two in the HTML.
  519.  
  520. -->
  521.  
  522.  
  523. <div class="ally">
  524.  
  525. <center>
  526. <font color="#fff"><big><big><big>
  527.  
  528.  
  529. trusting
  530.  
  531.  
  532. </font></big></big></big>
  533.  
  534. </center>
  535. </div>
  536.  
  537. <!------------>
  538. <br><br>
  539.  
  540. {description}
  541.  
  542. </center>
  543. </div>
  544.  
  545.  
  546.  
  547. <div class="left">
  548. <div id="posts">
  549. {block:Posts}
  550. <div class="entry">
  551.  
  552. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  553.  
  554. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  555. {/block:Text}
  556.  
  557. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  558.  
  559. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  560.  
  561. {block:Photo}
  562. {block:IndexPage}
  563. <center>
  564. <div class="perma">
  565. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  566.  
  567. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  568. {/block:IndexPage}
  569. {block:PermalinkPage}
  570. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  571.  
  572. {LinkCloseTag}
  573. {/block:PermalinkPage}
  574. {/block:Photo}
  575.  
  576. {block:Photoset}
  577. {block:IndexPage}
  578. <center>
  579.  
  580. <div class="perma">
  581. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  582.  
  583. {Photoset-250}</center>
  584. {/block:IndexPage}
  585. {block:PermalinkPage}
  586. <center>
  587. {Photoset-500}</center>
  588. {/block:PermalinkPage}
  589. {/block:Photoset}
  590.  
  591. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  592.  
  593. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  594.  
  595. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  596. <ul class="chat">
  597. {block:Lines}
  598. <li class="user_{UserNumber}">
  599. {block:Label}
  600. <span class="label">{Label}</span>
  601. {/block:Label}
  602.  
  603. {Line}
  604. </li>
  605. {/block:Lines}
  606. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  607. {/block:Chat}
  608.  
  609. {block:Audio}
  610. <div style="width:200px; height:30px;">
  611. {AudioPlayerBlack}
  612. </div>
  613. {block:IndexPage}<span class="permalink">
  614. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  615. </span>{/block:IndexPage}
  616. {/block:Audio}
  617.  
  618. {block:Video}
  619. {block:IndexPage}
  620. <center>
  621. <div class="perma">
  622. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  623. {Video-250}</center>
  624. {/block:IndexPage}
  625. {block:PermalinkPage}
  626. <center>
  627. {Video-400}</center>
  628. {/block:PermalinkPage}
  629. {block:Video}
  630.  
  631.  
  632. {block:PostNotes}<div align="middle">{caption}</div>
  633. <center>
  634.  
  635. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  636.  
  637. {block:HasTags}
  638. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  639. {block:RebloggedFrom}
  640. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  641. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  642.  
  643. {/block:RebloggedFrom}
  644. </center></span>
  645. <br>
  646. <div id="postnotes">{PostNotes}</div><br>
  647.  
  648. <center>{block:ContentSource}
  649. <br><a href="{SourceURL}">
  650. {lang:Source}:
  651. {block:SourceLogo}
  652. <img src="{BlackLogoURL}" width="{LogoWidth}"
  653. height="{LogoHeight}" alt="{SourceTitle}" />
  654. {/block:SourceLogo}
  655. {block:NoSourceLogo}
  656. {SourceLink}
  657. {/block:NoSourceLogo}
  658. </a>
  659. {/block:ContentSource}</center>
  660.  
  661. {/block:PostNotes}
  662. </div>
  663. {/block:Posts}
  664. </div></div>
  665.  
  666. {block:IndexPage}
  667. {block:Pagination}
  668. <div id="pagination">
  669. {block:NextPage}
  670. <a id="nextPage" href="{NextPage}"></a>
  671. {/block:NextPage}
  672. {block:PreviousPage}
  673. <a href="{PreviousPage}"></a>
  674. {/block:PreviousPage}
  675. </div>
  676. {/block:Pagination}
  677. {/block:IndexPage}
  678. </body>
  679. <div id="credit">
  680. <a href="http://t-offee.tumblr.com/">©t-offee</a></div>
  681.  
  682. </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!