Advertisement
Guest User

best base code

a guest
Jul 30th, 2015
232
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.84 KB | None | 0 0
  1. <!--
  2.  
  3. (/・Д・)/
  4. ◟(◕◡◕)◞
  5.  
  6. Theme Code by erupture.tumblr.com
  7. Theme blog: alonethemes.tumblr.com
  8.  
  9. Any questions? http://erupture.tumblr.com/fask
  10.  
  11. Rules:
  12. 1. DO NOT REMOVE CREDIT
  13. 2. DO NOT STEAL ANY THEME / PART OF THEME
  14. 3. I REPEAT DO NOT REMOVE CREDIT OR YOU WILL BE REPORTED!!
  15.  
  16. yea thats it, you can edit them but KEEP CREDITS.
  17. -->
  18.  
  19. <!--Go to www.tumblr.com/docs/en/custom_themes for more assistance-->
  20.  
  21. <head>
  22.  
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  25.  
  26. <script src="jquery.js"></script>
  27. <script>
  28. $(document).ready(function(){
  29. $("#click").click(function(){
  30. $("#sidelinks").slideToggle("slow");
  31. });
  32. });
  33. </script>
  34.  
  35. <!-- start of script tooltip -->
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37.  
  38. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  39.  
  40. <script>
  41.  
  42. (function($){
  43.  
  44. $(document).ready(function(){
  45.  
  46. $("a[title]").style_my_tooltips({
  47.  
  48. tip_follows_cursor:true,
  49.  
  50. tip_delay_time:90,
  51.  
  52. tip_fade_speed:600,
  53.  
  54. attribute:"title"
  55.  
  56. });
  57.  
  58. });
  59.  
  60. })(jQuery);
  61.  
  62. </script>
  63.  
  64. <!-- end of script tooltip -->
  65.  
  66. <title>{title}</title>
  67. <link rel="shortcut icon" href="{Favicon}"/>
  68. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  69. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  70.  
  71. <!--Default Variables-->
  72. <meta name="image:Sidebar" content=""/>
  73. <meta name="text:link 1" content="home">
  74. <meta name="text:link 1 url" content="/">
  75. <meta name="text:link 2" content="ask">
  76. <meta name="text:link 2 url" content="/ask">
  77. <meta name="text:link 3" content="archive">
  78. <meta name="text:link 3 url" content="/archive">
  79. <meta name="text:link 4" content="shuffle">
  80. <meta name="text:link 4 url" content="/random">
  81. <meta name="text:link 5" content="">
  82. <meta name="text:link 5 url" content="/">
  83.  
  84. <meta name="color:Background" content="#ffffff"/>
  85. <meta name="color:Posts Background" content="#ffffff"/>
  86. <meta name="color:Text" content="#000000"/>
  87. <meta name="color:Link" content="#888888"/>
  88. <meta name="color:Link Hover" content="#000000"/>
  89. <meta name="color:Permalink" content="#000000"/>
  90. <meta name="color:Border" content="#cccccc"/>
  91. <meta name="color:Selection" content="#cccccc"/>
  92. <meta name="color:Scrollbar" content="#000000"/>
  93. <meta name="color:Tooltip Text" content="#000000"/>
  94.  
  95.  
  96.  
  97. <meta name="if:Sidebar Img" content="0"/>
  98. <meta name="if:Thin Scrollbar" content="0"/>
  99.  
  100. <meta name="if:two column" content="0"/>
  101. <meta name="if:Posts Fade" content="0"/>
  102. <meta name="if:Black White" content="0"/>
  103. <meta name="if:Zoom" content="1"/>
  104. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  105.  
  106. <!--Styling,css-->
  107. <style type="text/css">
  108. @font-face{
  109. font-family:'consolas';
  110. src:url('http://static.tumblr.com/apahx90/giAmolf5m/consolas.ttf');}
  111.  
  112. @font-face{
  113. font-family:'calibri';
  114. src:url('http://static.tumblr.com/zu4ce6n/HtCmyt93u/calibri_1_.ttf');}
  115.  
  116. #s-m-t-tooltip {
  117. font-family:'consolas';
  118. max-width:300px;background-color:transparent;border:none;
  119. font-size:10px;
  120. color:{color:Tooltip Text};
  121. text-transform:uppercase;
  122. padding:5px;
  123. margin:15px 30px;
  124. z-index:9999999999999999999999;
  125. -webkit-transition: all .2s ease-in-out;
  126. -moz-transition: all .2s ease-in-out;
  127. -o-transition: all .2s ease-in-out;
  128. }
  129. /**dont change this OK!!**/
  130. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.7;}
  131.  
  132. body {
  133. text-transform:uppercase;
  134. color:{color:Text};
  135. font-family:'calibri';/* The main font, you can change this anytime*/
  136. font-size:9px;/* Font size */
  137. background-color:{color:Background};/* Background color */
  138. letter-spacing:1px;
  139. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  140.  
  141. }
  142.  
  143. /* Links */
  144. a{color:{color:Link};font-style:none;text-decoration:none;}
  145.  
  146. a:hover{cursor: help;color:{color:Link Hover};text-decoration:underline;
  147. -webkit-transition: all .2s ease-in-out;
  148. -moz-transition: all .2s ease-in-out;
  149. -o-transition: all .2s ease-in-out;
  150. }
  151.  
  152. /* Sidebar*/
  153. #sidey{
  154. {block:ifsidebarimg}padding:10px;{block:ifsidebarimg}
  155. {block:ifnotsidebarimg}padding:0px 10px 10px 10px;{/block:ifnotsidebarimg}background-color:rgba(255,255,255,1);top:16%;position:fixed;border:1px solid {color:Border};text-align:left;
  156. {block:ifnottwocolumn}
  157. left:21%;
  158. {/block:ifnottwocolumn}
  159. {block:iftwocolumn}
  160. left:14%;
  161. {/block:iftwocolumn}
  162. }
  163. /* sidebar img*/
  164. #sidey img{
  165. width:100px;float:center;border:1px solid {color:Border};height:auto;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  166.  
  167. #click{background:{color:background};border:1px solid {color:Border};color:{color:text};margin-top:10px;padding:5px;width:90px;display:block;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;transition: all 0.1s ease;}
  168.  
  169. #click:hover{cursor:help;}
  170.  
  171. #sidelinks{border:1px solid {color:Border};border-top:none;border-bottom:none;display:none;width:100px;background:{color:background};}
  172.  
  173. #sidelinks a{border-bottom:1px solid {color:Border};color:{color:text};padding:5px;display:block;}
  174.  
  175.  
  176.  
  177. /* What your entries are on*/
  178. #post{
  179. background-color:transparent;/* Background color for posts*/
  180. position:absolute;
  181. {block:ifnottwocolumn}
  182. width:400px;left:33%;
  183. {/block:ifnottwocolumn}
  184. {block:iftwocolumn}
  185. width:700px;left:24%;
  186. {/block:iftwocolumn}
  187. {block:permalinkpage}
  188. width:450px;display:block;
  189. {/block:permalinkpage}
  190. }
  191.  
  192.  
  193. /* entries */
  194. .entry{float:right;
  195. background:{color:Posts Background};
  196. padding:20px;
  197. border: 1px solid {color:Border};
  198. margin: 45px 25px;/* Spacing of entries*/
  199. {block:ifnottwocolumn}
  200. width:300px;
  201. {/block:ifnottwocolumn}
  202. {block:iftwocolumn}
  203. width:250px;
  204. {/block:iftwocolumn}
  205. {block:PermalinkPage}
  206. border: 1px solid {color:Border};
  207. width:400px;display:block;
  208. {/block:PermalinkPage}
  209. }
  210.  
  211.  
  212. .entry img{
  213. display:block;max-width:100%;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
  214. {block:IfBlackWhite}
  215. -webkit-filter: grayscale(100%);
  216. {/block:IfBlackWhite}
  217. {block:IfPostsFade}
  218. opacity:0.8;
  219. {/block:IfPostsFade}
  220. {block:PermalinkPage}
  221. width:400px;display:block;
  222. {/block:PermalinkPage}
  223. }
  224. .entry img:hover{
  225. {block:IfBlackWhite}-webkit-filter: grayscale(0%);{/block:IfBlackWhite}
  226. opacity:1;
  227. {block:IfZoom}
  228. -webkit-transform:scale(1.2); /* Safari and Chrome */
  229. -moz-transform:scale(1.2);/* Firefox */
  230. -ms-transform:scale(1.2); /* IE 9 */
  231. -o-transform:scale(1.2); /* Opera */
  232. transform:scale(1.2);
  233. {/block:IfZoom}
  234. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  235. }
  236.  
  237.  
  238. .sp{overflow:hidden;}
  239. /* post hover */
  240.  
  241. .entry .permabar{display:block;position:absolute;text-align:left;bottom:-25px;padding:7px 0px;width:270px;left:-1px;font-size:8px;
  242. }
  243.  
  244. .entry .permabar a{border-top: 0px solid {color:permalink};padding:8px 4px 0px 4px;color:{color:permalink};border-top: 0px solid {color:permalink};
  245. -webkit-transition: border-color 1s ease;-moz-transition: border-color 1s ease;-o-transition: border-color 1s ease;-ms-transition: border-color 1s ease;transition: border-color 1s ease;}
  246.  
  247. .entry .permabar a:hover{text-decoration:none;color:{color:permalink};border-top: 1px solid {color:permalink};-webkit-transition: border-color 1s ease;-moz-transition: border-color 1s ease;-o-transition: border-color 1s ease;-ms-transition: border-color 1s ease;transition: border-color 1s ease;}
  248. .pagination {display:none;}
  249.  
  250. #infscr-loading{bottom:-70px;position:absolute;left:45%;margin-left:0px;overflow:hidden;margin-bottom: 50px;}
  251.  
  252. .questionbox{padding:5px;font-style:italic;border: 1px solid {color:border};}
  253.  
  254. #audio{width:250px;height:70px;padding-bottom:0px;
  255. }
  256. .cover{position:absolute;z-index:1;width:65px;height:60px;}
  257. .cover img{float:left;width:65px;height:65px;}
  258. .playbox{opacity:0.8;width:27px;height:30px;overflow:hidden;position:absolute;z-index:1000;margin-left:21px;margin-top:20px;text-align:center;}
  259.  
  260. .info{margin-left:73px;margin-top:2px;line-height:12px;font-size:8px;letter-spacing:1px;}
  261.  
  262. .entry .perma_info{display:block;position:relative;padding:10px;line-height:12px;border-top: 1px solid {color:scrollbar};}
  263.  
  264. .entry #permanotes{max-height:220px;min-height:0px;overflow-y:auto;overflow-x:hidden;display:block;}
  265. ol.notes {padding: 0px;margin: 0px;list-style-type: none;border-bottom: solid 1px {color:scrollbar};}
  266. ol.notes li.note {border-top: solid 1px {color:scrollbar};padding: 10px;}
  267. ol.notes li.note img.avatar {display:none;}
  268. ol.notes li.note blockquote {border-color: {color:scrollbar};padding: 4px 10px;margin: 10px 0px 0px 20px;}
  269.  
  270. blockquote{margin:2px;padding-left:15px;border-left: 1px solid {color:border};}
  271. blockquote p, ul{margin:3px;padding:2px;}
  272.  
  273. ul{margin-left:10px;}
  274.  
  275. .text_title{text-decoration:underline;text-align:center;padding:0px;font-weight:bold;font-size:13px;}
  276.  
  277. .askpost, .audiopost, .txtpost, .quotepost, .linkpost, .chatpost{
  278. padding:0px;}
  279. .vidpost{padding:0px;}
  280.  
  281. ::-webkit-scrollbar {height:5px;width:7px;background:{color:background}}
  282.  
  283. ::-webkit-scrollbar-thumb:vertical {background: {color:scrollbar};
  284. {block:IfNotThinScrollbar}border:2px solid {color:background};
  285. {/block:IfNotThinScrollbar}
  286. {block:IfThinScrollbar}border:3px solid {color:background};
  287. {/block:IfThinScrollbar}
  288. }
  289.  
  290. ::selection {color:{color:selection} ;}
  291. ::-moz-selection {color:{color:selection} ;}
  292. p::selection {color:{color:selection} ;}
  293. p::-moz-selection {color:{color:selection} ;}
  294.  
  295. #credz{position:fixed;bottom:0px;left:0px;padding:5px;background:{color:background};}
  296.  
  297. #credz .credpic{margin:10px;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}
  298.  
  299. #credz:hover .credpic{opacity:0;-webkit-transform: scale(.10);}
  300. #credz:hover .credurl{opacity:1;-webkit-transform: scale(1.0);}
  301.  
  302. #credz .credurl{padding:10px;position:absolute;margin-top:-32px;margin-left:-8px;opacity:0;font-size:9px;text-transform:uppercase;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;-webkit-transform: scale(.10);}
  303.  
  304.  
  305. {CustomCSS}</style>
  306.  
  307.  
  308. <script>
  309. window.onload = function () {
  310. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  311. document.addEventListener( 'click', function ( event ) {
  312. var myLike = event.target;
  313. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  314. var frame = document.getElementById( 'my-like-frame' ),
  315. liked = ( myLike.className == 'my-liked' ),
  316. command = liked ? 'unlike' : 'like',
  317. reblog = myLike.getAttribute( 'data-reblog' ),
  318. id = myLike.getAttribute( 'data-id' ),
  319. oauth = reblog.slice( -8 );
  320. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  321. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  322. };
  323. }, false );
  324. };
  325. </script>
  326.  
  327.  
  328. <!--I reccommend not touching any ofthis unless you don't want infinite scroll!-->
  329.  
  330. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  331.  
  332. <script>
  333. $(function(){
  334. var $container = $('#post');
  335. $container.imagesLoaded(function(){
  336. $container.masonry({
  337. itemSelector: '.entry',
  338. });
  339. });
  340. $container.infinitescroll({
  341. itemSelector : ".entry",
  342. navSelector : "div.pagination",
  343. nextSelector : ".pagination a#next",
  344. loadingImg : "http://i1381.photobucket.com/albums/ah231/ashleylpm/ajax-loader_zpss97uq0sv.gif",
  345. loadingText : "<em>please wait</em>",
  346. bufferPx : 10000,
  347. extraScrollPx: 12000,
  348. },
  349. // trigger Masonry as a callback
  350. function( newElements ) {
  351. var $newElems = $( newElements ).css({ opacity: 0 });
  352. // ensure that images load before adding to masonry layout
  353. $newElems.imagesLoaded(function(){
  354. $newElems.animate({ opacity: 1 });
  355. $container.masonry( 'appended', $newElems, true );
  356. });
  357. }
  358. );
  359. });
  360. </script>
  361.  
  362.  
  363.  
  364.  
  365.  
  366. </head>
  367.  
  368. <body>
  369.  
  370. <!--Sidebar-->
  371. <div id="sidey">
  372. {block:ifsidebarimg}<a href="/" title="{title}"><img src="{image:Sidebar}"></a>{/block:ifsidebarimg}
  373. <div id="click"><i class="fa fa-folder-open-o"></i>.&nbsp;&nbsp;links<i style="float:right" class="fa fa-caret-down fa-lg"></i></div>
  374. <div id="sidelinks">
  375. {block:iflink1}<i style="float:left;padding:5px;font-size:10px" class="fa fa-home">. </i><a title="{text:link 1}" href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  376. {block:iflink2}<i style="float:left;padding:6px 5px" class="fa fa-envelope-o">. </i><a title="{text:link 2}" href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  377. {block:iflink3}<i style="float:left;padding:6px 5px" class="fa fa-heart-o">. </i><a title="{text:link 3}" href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  378. {block:iflink4}<i style="float:left;padding:6px 5px" class="fa fa-files-o">. </i><a title="{text:link 4}" href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  379. <i style="float:left;padding:6px 5px" class="fa fa-code">. </i><a title="theme by erupture" href=http://erupture.tumblr.com>theme</a>
  380. </div>
  381. </div>
  382. </div><!--End of sidebar-->
  383.  
  384. <!--Posts and entries-->
  385. <div id="post">
  386.  
  387.  
  388. {block:Posts}
  389. <!-- {block:NoRebloggedFrom}
  390. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  391. {/block:NoRebloggedFrom} -->
  392.  
  393. {block:ContentSource}<!-- {SourceURL}
  394. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  395. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  396. {/block:ContentSource}
  397.  
  398. <div class="entry">
  399. {block:Text}
  400. {block:Title}<div class="text_title">{title}</div>{/block:Title}{Body}
  401. {/block:Text}
  402.  
  403. {block:Photo}
  404. <div class="sp"><a href="{permalink}"><img src="{PhotoURL-500}"></a></div>
  405. {block:PermalinkPage}
  406. <center>{Photoset-500}</center>
  407. {/block:PermalinkPage}
  408. {/block:Photo}
  409.  
  410.  
  411. {block:Photoset}
  412. {block:ifnottwocolumn}
  413. {block:Photos}
  414. <div class="sp"><img src="{PhotoURL-400}" width="300px"height="300px" /></div>
  415. {/block:Photos}
  416. {block:ifnottwocolumn}
  417. {block:iftwocolumn}
  418. {block:Photos}
  419. <div class="sp"><img src="{PhotoURL-250}" width="{PhotoWidth-250}"height="{PhotoHeight-250}" /></div>
  420. {/block:Photos}
  421. {/block:iftwocolumn}
  422. {/block:Photoset}
  423.  
  424.  
  425. {block:Quote}
  426. {Quote}
  427. <div align="right">
  428. {block:Source}-{Source}{/block:Source}
  429. </div>
  430. {/block:Quote}
  431.  
  432.  
  433. {block:Video}
  434. {Video-250}<br>
  435. {PlayCountWithLabel}
  436. {/block:Video}
  437.  
  438.  
  439. {block:Link}
  440. <h2><div class="text_title"><a href="{URL}" class="link" {Target}>{Name}</a></div></h2>
  441. {block:Description}{Description}{/block:Description}
  442. {/block:Link}
  443.  
  444. {block:Chat}
  445. {block:Lines}
  446. {block:Label}
  447. <br>{Label}
  448. {/block:Label}
  449. &nbsp;{Line}
  450. {/block:Lines}
  451. {/block:Chat}
  452.  
  453. {block:Audio}
  454. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  455. {/block:Audio}
  456.  
  457. {block:Answer}
  458. <div class="questionbox">Q: {Question}</div>
  459. <div class="askerbox">by: {Asker}</div>
  460. <div class="answerbox">{Answer}</div>
  461.  
  462. {/block:Answer}
  463.  
  464.  
  465.  
  466. <div id="credz"><div class="credpic"><i class="fa fa-code fa-2x"></i></div><div class="credurl"><a title="theme creator" href="http://erupture.tumblr.com/">erupture</a></div></div>
  467.  
  468. {block:IndexPage}
  469. <div class="permabar"><a title="Note Count" href="{Permalink}"><i class="fa fa-paper-plane-o">. {NoteCount}</i></a><a title="click to reblog" href="{ReblogURL}"><i class="fa fa-picture-o">. reblog</i></a><a title="{TimeAgo}"><i class="fa fa-clock-o">. {ShortMonth} {DayofMonth}{DayofMonthSuffix}</i></a></div>
  470. {/block:IndexPage}
  471.  
  472. {block:PermalinkPage}<div class="perma_info">
  473. <p>{block:Caption}{Caption}{/block:Caption}</p>
  474.  
  475. {block:Date}<i class="fa fa-file-image-o"></i>.&nbsp;posted: {TimeAgo} on {ShortMonth} {DayofMonth}{DayofMonthSuffix}<br>{/block:Date}
  476.  
  477. {block:NoteCount}<i class="fa fa-eye"></i>.&nbsp;Notes: {NoteCount}<br>{/block:NoteCount}{block:RebloggedFrom}<i class="fa fa-angle-left fa-lg"></i>.&nbsp;Reblogged from <a title="VIA" href="{ReblogParentURL}">{ReblogParentName}</a><br><i class="fa fa-angle-double-left fa-lg"></i>.&nbsp;Posted by <a title="SOURCE" href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<i class="fa fa-tags"></i>.&nbsp;tags: {block:Tags}<a href="http://tumblr.com/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}
  478. </div>{/block:PermalinkPage}
  479.  
  480. {block:PostNotes}
  481. <div id="permanotes">{PostNotes}</div>
  482. {/block:PostNotes}
  483.  
  484. </div>
  485. {/block:Posts}
  486. </div>
  487.  
  488. <!--Pagination-->
  489. <div class="pagination">
  490. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  491. </div>
  492. </body>
  493. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement