API tools faq
paste
Advertisement
t-offee

Cities Theme (OLD)

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