API tools faq
paste
winchestersnothemes

Theme - The Past

winchestersnothemes
Aug 10th, 2012
486
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.90 KB | None | 0 0
raw download clone embed print report
  1. <!-- winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | winchestersnote | -->
  2.  
  3. <head>
  4.  
  5. <!-- DEFAULT VARIABLES -->
  6. <meta name="color:background" content="#FFF"/>
  7. <meta name="color:post" content="#F5F5F5"/>
  8. <meta name="color:text" content="#EEE"/>
  9. <meta name="color:link" content="#FFF"/>
  10. <meta name="color:link hover" content="#777"/>
  11. <meta name="color:sidebar" content="#000"/>
  12. <meta name="color:scroll" content="#777"/>
  13. <meta name="color:scroll bg" content="#DDD"/>
  14.  
  15. <meta name="color:linkks" content="#777"/>
  16. <meta name="color:linkksbg" content="#DDD"/>
  17.  
  18. <meta name="image:background" content=""/>
  19. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_m8g434mtZa1qd7fz9o4_250.jpg"/>
  20.  
  21. <meta name="text:Link1" content="" />
  22. <meta name="text:Link1 Title" content="REFRESH" />
  23. <meta name="text:Link2" content="" />
  24. <meta name="text:Link2 Title" content="dois" />
  25. <meta name="text:Link3" content="" />
  26. <meta name="text:Link3 Title" content="tres" />
  27. <meta name="text:Link4" content="" />
  28. <meta name="text:Link4 Title" content="quatro" />
  29.  
  30. <title>{Title}</title>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  36.  
  37. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  38.  
  39. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  40.  
  41. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  42.  
  43.  
  44. <script>
  45. jQuery(window).load(function(){
  46. var $wall = $('#posts');
  47. $wall.imagesLoaded(function(){
  48. $wall.masonry({
  49. singleMode: true,
  50. columnWidth: 312,
  51. itemSelector: '#space'
  52. });
  53. });
  54. $wall.infinitescroll({
  55. navSelector : '#page-nav',
  56. nextSelector : '#page-nav a',
  57. itemSelector : '#space',
  58. },
  59.  
  60. function( newElements ){
  61. $(newElements).hide();
  62. setTimeout(function(){
  63. $wall.masonry({ appendedContent: $(newElements) });
  64. },2000);
  65. setTimeout(function(){
  66. $(newElements).fadeIn('slow');
  67. },2100);
  68. },1000);
  69. });
  70. </script>
  71.  
  72.  
  73. <script>
  74. $.fn.imagesLoaded = function(callback){
  75. var elems = this.find('img'),
  76. len = elems.length,
  77. _this = this;
  78. if ( !elems.length ) {
  79. callback.call( this );}
  80. elems.bind('load',function(){
  81. if (--len <= 0){
  82. callback.call( _this );}
  83. }).each(function(){
  84. // cached images don't fire load sometimes, so we reset src.
  85. if (this.complete || this.complete === undefined){
  86. var src = this.src;
  87. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  88. // data uri bypasses webkit log warning (thx doug jones)
  89. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  90. this.src = src;}
  91. });
  92. return this;};
  93. </script>
  94.  
  95. {/block:Indexpage}
  96. <style type="text/css">
  97.  
  98. body{margin:0px; background-color:{color:background}; background-image:url({image:Background});
  99. background-attachment: fixed; background-repeat: repeat; font-family: verdana; font-size: 09px; color:{color:Text};}
  100.  
  101. a:link, a:active, a:visited{color: {color:Link}; text-decoration: none; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out;}
  102.  
  103. a:hover{color:{color:link hover}; text-decoration: none;}
  104.  
  105. #center{position:relative; width:1270px; overflow:auto; overflow-y:hidden;}
  106.  
  107. #posts{margin-left: 400px; margin-top:5px; width: 650px;height: auto; margin-bottom: 20px;}
  108.  
  109.  
  110. #space{float: left; width: 300px; padding: 3px; margin: 3px; background-color: {color:post};}
  111.  
  112. #space img{max-width:300px}
  113.  
  114.  
  115. #space:hover .nothing {opacity:0.9; margin-top:0px}
  116.  
  117. .nothing{position:absolute; font-size:9px;text-transform:uppercase; font-family: calibri; letter-spacing: 0px; color:{color:text}; margin-left:0px; opacity:0; height:13px; width: 297px; margin-bottom:0px; margin-top:00px; background-color:{color:post}; display:inline; border-left:3px solid {color:post}; text-align:center; padding:1px; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out; padding-top: 2px; z-index: 999999999999999999999999999999999999999999999999999999; }
  118. .nothing a {color:{color:text}; background-color: {color:post}; text-transform:uppercase; font-style:normal; width: 418px;}
  119. .nothing a:hover {color:; text-transform:uppercase; color:{color:link hover}}
  120.  
  121.  
  122. .permalink{display: block; font: normal 9px Helvetica, Arial, Sans Serif; text-align: right; text-transform: none; padding: 1px;}
  123.  
  124. .permalink a{color:#999;}
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  132.  
  133. .video embed, .post div.video object {width:300px !important; height:200 !important;}
  134.  
  135. blockquote{padding:0px 0px 2px 3px; margin:0px 0px 2px 1px; border-left: 1px solid {color:background};}
  136.  
  137. {block:ifFadedImages}img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  138. {/block:ifFadedImages}
  139.  
  140. {block:ifInvertedFade}img{-webkit-transition: opacity 0.7s linear; opacity: 50;}img:hover{-webkit-transition: opacity 0.7s linear; opacity: .7;}
  141. {/block:ifInvertedFade}
  142.  
  143. ::-webkit-scrollbar{width:10px;height:5px;}
  144. ::-webkit-scrollbar-button:start:decrement}
  145. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  146. ::-webkit-scrollbar-track-piece{background-color:{color:scroll bg}; border:4px solid {color:scroll bg}}
  147. ::-webkit-scrollbar-thumb:vertical{height:100px; background-color:{color:scroll}; border:4px solid {color:scroll bg}}
  148. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scroll}; border:4px solid {color:scroll bg}}
  149.  
  150. #barra {width: 100%; height: 100%; position: fixed; top: -1px; background: {color:bg}; margin-left: 400px; background-color:#ffffff; background-attachment:fixed;}
  151.  
  152. #damon {height:100px;position:fixed;top:150px;width:220px;text-align:center;margin-left:102px; background-color:;}
  153.  
  154.  
  155.  
  156. .img {width:220px;margin:auto; border:10px solid {color:sidebar};}
  157.  
  158.  
  159. #links2 {position: fixed; width: 240px; margin-left:0px; margin-top:1px; padding: 0px; background-color: {color:linkksbg}; text-align: center; z-index:3;}
  160. #links2 a {letter-spacing: 1px; font-size:10px; font-family:'Homenaje'; text-align: center; color:{color:linkks}; text-decoration: none; text-transform:uppercase; line-height:15px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
  161. #links2 a:hover{text-align: center; background-color: transparent; color:#737373; letter-spacing: 1px; transform: rotateX(180deg); -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg);}
  162.  
  163.  
  164.  
  165.  
  166. .ps {z-index: 3;padding: 0px; text-align: center; font-size: 11px; color: {color:text}; font-family: Homenaje;position:fixed;margin-top:19px; margin-left:106px;background-color:{color:background}; height:21;line-height: 18px;}
  167.  
  168.  
  169. #tumblr_controls{position: fixed!important}
  170. #tumblr_controls{position: fixed!important}
  171. #tumblr_controls{position: fixed!important}
  172. #tumblr_controls{position: fixed!important}
  173.  
  174. iframe#tumblr_controls {
  175. position: fixed !important;
  176. top: 0 !important;
  177. right: 0 !important;
  178. opacity: 1.0 !important;
  179. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  180. }
  181.  
  182.  
  183. iframe#tumblr_controls:hover {
  184. position: fixed !important;
  185. top: 0 !important;
  186. right: 0 !important;
  187. opacity: 1.0 !important;
  188. -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
  189. }
  190.  
  191.  
  192. </style>
  193.  
  194. <link rel="shortcut icon" href="{Favicon}">
  195. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  196. <meta name="viewport" content="width=820" />
  197. </head>
  198.  
  199. <body>
  200.  
  201. <div id="barra"></div>
  202.  
  203. <div id="damon">
  204. <div id="id">
  205. <img class="img" src="{image:sidebar}">
  206. </div>
  207.  
  208.  
  209. <div id="links2">
  210. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  211. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  212. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  213. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  214. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  215. <a href="http://winchestersnote.tumblr.com/"title="base s-pook ">@</a>
  216.  
  217. </div>
  218.  
  219. <div class="ps">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  220.  
  221.  
  222.  
  223.  
  224. </div>
  225.  
  226.  
  227. <div id="center">
  228.  
  229.  
  230. <div id="posts">
  231. {block:Posts}
  232. <div id="space">
  233.  
  234. {block:Text}
  235. <span class="nothing">
  236. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  237. </span>
  238. {block:Title}<span class="title">{Title}</span>{/block:Title}
  239. <span class="entrytext">{Body}</span>
  240. {/block:Text}
  241.  
  242. {block:Answer}
  243. <span class="nothing">
  244. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  245. </span>
  246. <div style="background-color:{color:background}; padding: 4px; {block:IndexPage}width: 292px;{/block:IndexPage}{block:PermalinkPage}width:492px;{/block:PermalinkPage}"><b>{Asker}</b>: {Question}</div>
  247. <div style="padding-left: 4px;">{Answer}</div>
  248. {/block:Answer}
  249.  
  250. {block:Link}
  251. <span class="nothing">
  252. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  253. </span>
  254. <a href="{URL}" class="title">{Name}</a>
  255. {block:Description}{Description}{/block:Description}
  256. {block:Link}
  257.  
  258. {block:Photo}
  259. <span class="nothing">
  260. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  261. </span>
  262. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></a>
  263. {/block:Photo}
  264.  
  265. {block:Photoset}
  266. <span class="nothing">
  267. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  268. </span>
  269. <center><div style="padding-top: 10px; padding-bottom: 10px; background-color:{color:post};">{Photoset-250}</div></center>
  270. {/block:Photoset}
  271.  
  272. {block:Quote}
  273. <span class="nothing">
  274. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  275. </span>
  276. <div style="background-color:{color:post}; padding: 4px;"><center>"{Quote}"</center><div style="text-align:right; font-weight: bold; border-top:1px solid {color:background}">{block:Source}— {Source}{/block:Source}</div></div>
  277. {/block:Quote}
  278.  
  279. {block:Chat}
  280. <span class="nothing">
  281. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  282. </span>
  283. {block:Title}<span class="title">{Title}</span>{/block:Title}
  284. <ul class="chat">
  285. {block:Lines}
  286. <li class="user_{UserNumber}">
  287. {block:Label}
  288. <span class="label">{Label}</span>
  289. {/block:Label}
  290.  
  291. {Line}
  292. </li>
  293. {/block:Lines}
  294. </ul>
  295. {/block:Chat}
  296.  
  297. {block:Audio}
  298. <span class="nothing">
  299. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  300. </span>
  301. <div style="background-color:#000; width: 300px;"><div style="width:300px; height:27px;">{AudioPlayerBlack}</div></div>
  302. {/block:Audio}
  303.  
  304. {block:Video}
  305. <span class="nothing">
  306. {block:date}{DayOfMonth}{DayOfMonthSuffix} {Month}{/block:date} <a href="{Permalink}"> {NoteCount}</a>, <a href="{ReblogUrl}" target="_blank">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}">[@</a>/{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©]</a>{/block:ContentSource}
  307. </span>
  308. {block:IndexPage}{Video-250}{/block:IndexPage}
  309. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  310. {block:Video}
  311.  
  312.  
  313. {block:PostNotes}{PostNotes}
  314. {/block:PostNotes}</div>
  315. {/block:Posts}
  316.  
  317. </div>
  318. </div>
  319. </div>
  320.  
  321. </body>
  322. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!