Advertisement
ialkhachi

Theme 13

Mar 10th, 2014
786
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.70 KB | None | 0 0
  1. <!--
  2. Go to tumblr.com/docs/en/custom_themes for assistance.
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript">
  11. <!--
  12.  
  13. // Disable Right Click Script
  14.  
  15. function IE(e)
  16. {
  17. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  18. {
  19. return false;
  20. }
  21. }
  22. function NS(e)
  23. {
  24. if (document.layers || (document.getElementById && !document.all))
  25. {
  26. if (e.which == "2" || e.which == "3")
  27. {
  28. return false;
  29. }
  30. }
  31. }
  32. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  33.  
  34. //-->
  35. </script>
  36.  
  37.  
  38. <script type="text/javascript"
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  40.  
  41. <!--DEFAULT VARIABLES-->
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  43. <meta name="color:background" content="#fff"/>
  44. <meta name="color:link" content="#777"/>
  45. <meta name="color:text" content="#777"/>
  46. <meta name="color:title" content="#333"/>
  47. <meta name="color:hover" content="#fff"/>
  48. <meta name="image:sidebar" content="1"/>
  49. <meta name="image:background" content="1"/>
  50. <meta name="text:LinkOne" content="/"/>
  51. <meta name="text:LinkOne Name" content="Link One"/>
  52. <meta name="text:LinkTwo" content="/"/>
  53. <meta name="text:LinkTwo Name" content="Link Two"/>
  54. <meta name="text:LinkThree" content="/"/>
  55. <meta name="text:LinkThree Name" content="Link Three"/>
  56. <meta name="text:LinkFour" content="/"/>
  57. <meta name="text:LinkFour Name" content="Link Four"/>
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64. 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-
  65.  
  66. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  67.  
  68. 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;}
  69.  
  70. p {
  71. margin:0px;
  72. margin-top:0px;
  73. }
  74.  
  75.  
  76. body {
  77. padding: 0px;
  78. margin: 0px;
  79. color:{color:text};
  80. font-family: calibri;
  81. line-height:12px;
  82. font-size:12px;
  83. background-color: {color:Background};
  84. background-image:url({image:Background});
  85. background-attachment: fixed;
  86. background-repeat: repeat;
  87. }
  88.  
  89.  
  90. a:link, a:active, a:visited{
  91. text-decoration: none;
  92. -webkit-transition: color 0.3s ease-out;
  93. -moz-transition: color 0.3s ease-out;
  94. transition: color 0.3s ease-out;
  95. color:{color:link};
  96. }
  97.  
  98. a:hover {
  99. text-decoration: none;
  100. font-style:;
  101. color: {color:Hover};
  102. }
  103.  
  104. div#center{
  105. margin:auto;
  106. position:relative;
  107. width:1000px;
  108. background-color:;
  109. overflow:auto;
  110. overflow-y:hidden;
  111. }
  112.  
  113. img {
  114. -webkit-box-shadow: 2px 2px 9px #555;
  115. -webkit-transition: all .7s ease;
  116. -moz-transition: all .7s ease;
  117. -o-transition: all .7s ease;
  118. transition: all .7s ease;
  119. }
  120.  
  121.  
  122. /*CUSTOMIZE ENTRY SETTINGS HERE*/
  123. .entry {
  124. float:left;
  125. display: block;
  126. margin:5px;
  127. margin-right:275px;
  128. overflow:hidden;
  129. width:220px;
  130. {block:PermalinkPage}
  131. width:450px;
  132. text-align:left;
  133. line-height:10px;
  134. {/block:PermalinkPage}
  135. background:transparent;
  136. background-image:URL();
  137. -webkit-transition: all .7s ease;
  138. -moz-transition: all .7s ease;
  139. -o-transition: all .7s ease;
  140. transition: all .7s ease;
  141. }
  142.  
  143.  
  144. /*CUSTOMIZE THE APPEARANCE OF PERMALINKS*/
  145. .entry .perma{
  146. width:220px;
  147. height:auto;
  148. margin-left:0px;
  149. position: absolute;
  150. line-height: 16px;
  151. overflow:hidden;
  152. text-align:center;
  153. top:-20px;
  154. background:black;
  155. word-spacing:2px;
  156. letter-spacing:1px;
  157. opacity: 0;
  158. -webkit-transition: all .7s ease;
  159. -moz-transition: all .7s ease;
  160. -o-transition: all .7s ease;
  161. transition: all .7s ease;
  162. }
  163.  
  164. .entry:hover .perma{
  165. overflow:visible;
  166. opacity:0.9;
  167. top:0px;
  168. -webkit-transition: all .7s ease;
  169. -moz-transition: all .7s ease;
  170. -o-transition: all .7s ease;
  171. transition: all .7s ease;
  172. }
  173.  
  174. .entry:hover {
  175. -webkit-box-shadow: 3px 3px 10px #555;
  176. -webkit-transition: all .7s ease;
  177. -moz-transition: all .7s ease;
  178. -o-transition: all .7s ease;
  179. transition: all .7s ease;
  180. }
  181.  
  182.  
  183. /*CUSTOMIZE POST POSITIONING AND STUFFZ HERE*/
  184. #posts {
  185. width:1100px;
  186. margin-top:25px;
  187. z-index:99;
  188. margin-left:147px;
  189. right:auto;
  190. background:transparent;
  191. margin-right:auto;
  192. position:relative;
  193. overflow-y: hidden;
  194. }
  195.  
  196.  
  197. /*CUSTOMIZE SIDEBAR HERE*/
  198. #sidebar{
  199. z-index:999999;
  200. position:fixed !important;
  201. width:250px;
  202. background:transparent;
  203. height:760px;
  204. margin-top:100px;
  205. margin-left:388px;
  206. text-align:center;
  207. }
  208.  
  209. #sidebar img {
  210. border:1px solid gray;
  211. padding:10px;
  212. width:200px;
  213. height:auto;
  214. }
  215.  
  216. .blogtitle {
  217. z-index:999999;
  218. font-size:35px;
  219. font-family:Halo;
  220. color:gray;
  221. margin-top:85px;
  222. text-align:center;
  223. background:transparent;
  224. -webkit-transition: all .7s ease;
  225. -moz-transition: all .7s ease;
  226. -o-transition: all .7s ease;
  227. transition: all .7s ease;
  228. }
  229.  
  230. @font-face{font-family:Halo;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  231.  
  232. .desc {
  233. font-size:15px;
  234. font-family:calibri;
  235. color:gray;
  236. text-align:center;
  237. padding:10px;
  238. background:transparent;
  239. width:115px;
  240. margin-left:-1px;
  241. line-height:15px;
  242. height:auto;
  243. }
  244.  
  245. #hover {
  246. font-size:15px;
  247. }
  248. #hover a{
  249. display:block;
  250. }
  251. #hover .death {
  252. margin-top:0px;filter: alpha(opacity = 0);
  253. opacity:0;-webkit-transition: all 0.5s ease-out;
  254. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  255. }
  256.  
  257. #hover:hover .death {
  258. margin-top:0px;
  259. -webkit-transition: all 0.8s ease-out;
  260. -moz-transition: all 0.8s ease-out;
  261. transition: all 0.8s ease-out;
  262. filter: alpha(opacity = 100);
  263. filter: alpha(opacity = 100);
  264. opacity:100;
  265. }
  266.  
  267. #links {
  268. margin-top:10px;
  269. font-family:calibri;
  270. font-size:12px;
  271. line-height:12px;
  272. text-align:center;
  273. max-width:115px;
  274. -webkit-transition: all .7s ease;
  275. -moz-transition: all .7s ease;
  276. -o-transition: all .7s ease;
  277. transition: all .7s ease;
  278. }
  279.  
  280. #links a {
  281. -webkit-transition: all .7s ease;
  282. -moz-transition: all .7s ease;
  283. -o-transition: all .7s ease;
  284. transition: all .7s ease;
  285. }
  286.  
  287. #links a:hover {
  288. letter-spacing:5px;
  289. color:{color:Hover};
  290. -webkit-transition: all .7s ease;
  291. -moz-transition: all .7s ease;
  292. -o-transition: all .7s ease;
  293. transition: all .7s ease;
  294. }
  295.  
  296. #bar {
  297. z-index:999;
  298. width:125px;
  299. height:100%;
  300. background:black;
  301. margin-left:450px;
  302. position:fixed !important;
  303. }
  304.  
  305.  
  306. /*CUSTOMIZE TITLE OF ENTRIES HERE*/
  307. .title{
  308. line-height: 12px;
  309. color:{color:Title};
  310. font-weight: normal;
  311. }
  312.  
  313.  
  314. /*CUSTOMIZE PERMALINKS OF TEXT POSTS AND SUCH HERE*/
  315. .permalink{
  316. text-transform: normal;
  317. display: block;
  318. text-align: right;
  319. text-decoration: none;
  320. }
  321.  
  322.  
  323. /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
  324. #infscr-loading{
  325. bottom: -70px;
  326. position: absolute;
  327. left: 50%;
  328. margin-left:-8px;
  329. width:16px;
  330. height:11px;
  331. overflow:hidden;
  332. margin-bottom: 50px;
  333. }
  334.  
  335. #postnotes{
  336. text-align: justify;}
  337.  
  338. #postnotes blockquote{
  339. border: 0px;}
  340.  
  341. blockquote{
  342. padding:0px 0px 2px 5px;
  343. margin:0px 0px 2px 10px;
  344. border-left: 1px dotted #555555;
  345. }
  346.  
  347. blockquote p, ul{
  348. margin:0px;
  349. padding:0px;
  350. }
  351.  
  352. a img{border: 0px;}
  353.  
  354.  
  355. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  356.  
  357. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  358. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  359.  
  360. .notes img{width:10px; position:relative; top:3px;}
  361. <--ses-->
  362. small{font-size: 90%;}
  363.  
  364. {CustomCSS}
  365.  
  366. #credit{
  367. right:8px;
  368. bottom:10px;
  369. position:fixed;
  370. padding:5px;
  371. }
  372.  
  373.  
  374. </style>
  375.  
  376. {block:IndexPage}
  377. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  378. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  379.  
  380. <script type="text/javascript">
  381. $(window).load(function(){
  382. var $wall = $('#posts');
  383. $wall.imagesLoaded(function(){
  384. $wall.masonry({
  385. itemSelector: '.entry, .entry_photo',
  386. isAnimated : false
  387. });
  388. });
  389.  
  390. $wall.infinitescroll({
  391. navSelector : '#pagination',
  392. nextSelector : '#pagination a',
  393. itemSelector : '.entry, .entry_photo',
  394. bufferPx : 2000,
  395. debug : false,
  396. errorCallback: function() {
  397. $('#infscr-loading').fadeOut('normal');
  398. }},
  399. function( newElements ) {
  400. var $newElems = $( newElements );
  401. $newElems.hide();
  402. $newElems.imagesLoaded(function(){
  403. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  404. });
  405. }); $('#posts').show(500);
  406. });
  407. </script>
  408.  
  409.  
  410. {/block:IndexPage}
  411.  
  412.  
  413. <title>{title}</title>
  414.  
  415. <link rel="shortcut icon" href="{Favicon}" />
  416. <meta name="viewport" content="width=820" />
  417. </head>
  418.  
  419. <body>
  420. <BODY onselectstart="return false;" ondragstart="return false;">
  421. <div class="wrapper">
  422. <div class="header">
  423. </div>
  424.  
  425. <div id="cage">
  426. <div id="center">
  427.  
  428. <!--STUFF THAT GOES INTO THE SIDEBAR-->
  429. <div id="bar" style="align:center;">
  430. <div class="blogtitle"><a href="/">{Blogtitle}</a></div></div>
  431. <div id="sidebar">
  432. <center>
  433. <a href="/"><img src="{image:sidebar}" width=100%></a>
  434. <div class="desc">{description}</div><br />
  435.  
  436. <div id="hover">Hover<br />
  437. <div class="death">
  438. <div id="links">
  439. <a href="{text:LinkOne}">{text:LinkOne Name}<br />
  440. <a href="{text:LinkTwo}">{text:LinkTwo Name}<br />
  441. <a href="{text:LinkThree}">{text:LinkThree Name}<br />
  442. <a href="{text:LinkFour}">{text:LinkFour Name}<br />
  443. </div>
  444. </div></div>
  445. </center>
  446. </div>
  447. <!------------------------------------->
  448.  
  449.  
  450. <div class="left">
  451. <div id="posts">
  452. {block:Posts}
  453. <div class="entry">
  454.  
  455. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a><br>{/block:HasTags}</span>
  456. {/block:Text}
  457.  
  458. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  459.  
  460. class="permalink"><a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a></span></align>{block:Link}
  461.  
  462. {block:Photo}
  463. {block:IndexPage}
  464. <center>
  465. <div class="perma">
  466. <a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a> </div>
  467.  
  468. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  469. {/block:IndexPage}
  470. {block:PermalinkPage}
  471. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  472.  
  473. {LinkCloseTag}
  474. {/block:PermalinkPage}
  475. {/block:Photo}
  476.  
  477. {block:Photoset}
  478. {block:IndexPage}
  479. <center>
  480.  
  481. <div class="perma">
  482. <a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a> </div>
  483.  
  484. {Photoset-250}</center>
  485. {/block:IndexPage}
  486. {block:PermalinkPage}
  487. <center>
  488. {Photoset-500}</center>
  489. {/block:PermalinkPage}
  490. {/block:Photoset}
  491.  
  492. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a href="{ReblogURL}" target="_blank"> reblog </a> - <a
  493.  
  494. href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a> </span>{/block:Quote}
  495.  
  496. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  497. <ul class="chat">
  498. {block:Lines}
  499. <li class="user_{UserNumber}">
  500. {block:Label}
  501. <span class="label">{Label}</span>
  502. {/block:Label}
  503.  
  504. {Line}
  505. </li>
  506. {/block:Lines}
  507. <p align=right><span class="permalink"><a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a>
  508. {/block:Chat}
  509.  
  510. {block:Audio}
  511. <div style="width:200px; height:30px;">
  512. {AudioPlayerBlack}
  513. </div>
  514. {block:IndexPage}<span class="permalink">
  515. <p align=right><span class="permalink"><a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a>
  516. </span>{/block:IndexPage}
  517. {/block:Audio}
  518.  
  519. {block:Video}
  520. {block:IndexPage}
  521. <center>
  522. <div class="perma">
  523. <a href="{ReblogURL}" target="_blank"> reblog </a> - <a href="{Permalink}">{notecountwithlabel}</a> - <a href="{Permalink}">{TimeAgo}</a> </div>
  524. {Video-250}</center>
  525. {/block:IndexPage}
  526. {block:PermalinkPage}
  527. <center>
  528. {Video-400}</center>
  529. {/block:PermalinkPage}
  530. {block:Video}
  531.  
  532.  
  533. {block:PostNotes}<div align="middle">{caption}</div>
  534. <center>
  535.  
  536. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  537.  
  538. {block:HasTags}
  539. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  540. {block:RebloggedFrom}
  541. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  542. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  543.  
  544. {/block:RebloggedFrom}
  545. </center></span>
  546. <br>
  547. <div id="postnotes">{PostNotes}</div><br>
  548.  
  549. <center>{block:ContentSource}
  550. <br><a href="{SourceURL}">
  551. {lang:Source}:
  552. {block:SourceLogo}
  553. <img src="{BlackLogoURL}" width="{LogoWidth}"
  554. height="{LogoHeight}" alt="{SourceTitle}" />
  555. {/block:SourceLogo}
  556. {block:NoSourceLogo}
  557. {SourceLink}
  558. {/block:NoSourceLogo}
  559. </a>
  560. {/block:ContentSource}</center>
  561.  
  562. {/block:PostNotes}
  563. </div>
  564. {/block:Posts}
  565. </div></div>
  566.  
  567. {block:IndexPage}
  568. {block:Pagination}
  569. <div id="pagination">
  570. {block:NextPage}
  571. <a id="nextPage" href="{NextPage}"></a>
  572. {/block:NextPage}
  573. {block:PreviousPage}
  574. <a href="{PreviousPage}"></a>
  575. {/block:PreviousPage}
  576. </div>
  577. {/block:Pagination}
  578. {/block:IndexPage}
  579.  
  580. <div id="credit" data="credit"><a href="http://cummands.tumblr.com">♕</a></div>
  581.  
  582. </body>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement