API tools faq
paste
Guest User

Theme3

a guest
Sep 3rd, 2012
240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.08 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  3. <meta name="color:background" content="#644F92"/>
  4. <meta name="color:text" content="#000000"/>
  5. <meta name="color:linkss" content="#000000"/>
  6. <meta name="color:title" content="#000000"/>
  7. <meta name="color:link" content="#684B64"/>
  8. <meta name="color:linkside" content="#fff"/>
  9. <meta name="color:sidebar" content="fff">
  10. <meta name="color:hover" content="#000000"/>
  11. <meta name="color:entry hover" content="#F0D5E0"/>
  12. <meta name="color:navigation" content="#D5F0D9"/>
  13. <meta name="font:Title" content="Courier New"/>
  14. <meta name="font:Body" content="Arial"/>
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="if:Show Title" content="1"/>
  18. <meta name="if:Show caption" content=""/>
  19. <meta name="if:Enable tiny cursor" content="1"/>
  20. <meta name="if:Tiny scrollbar" content="1"/>
  21.  
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />{/block:Description}
  24. <title>
  25. {block:PostSummary}
  26. {PostSummary} - {/block:PostSummary}{Title}</title>
  27.  
  28.  
  29.  
  30. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  31.  
  32. {block:indexpage}
  33. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  34.  
  35. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  36.  
  37. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  38.  
  39. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  40.  
  41. <script>
  42. jQuery(window).load(function(){
  43. var $wall = $('#content');
  44. $wall.imagesLoaded(function(){
  45. $wall.masonry({
  46. singleMode: true,
  47. columnWidth: 405,
  48. itemSelector: '#entry'
  49. });
  50. });
  51. $wall.infinitescroll({
  52. navSelector : '#page-nav',
  53. nextSelector : '#page-nav a',
  54. itemSelector : '#entry',
  55. },
  56.  
  57. function( newElements ){
  58. $(newElements).hide();
  59. setTimeout(function(){
  60. $wall.masonry({ appendedContent: $(newElements) });
  61. },2000);
  62. setTimeout(function(){
  63. $(newElements).fadeIn('slow');
  64. },2100);
  65. },1000);
  66. });
  67. </script>
  68.  
  69. <script>
  70. $.fn.imagesLoaded = function(callback){
  71. var elems = this.find('img'),
  72. len = elems.length,
  73. _this = this;
  74. if ( !elems.length ) {
  75. callback.call( this );}
  76. elems.bind('load',function(){
  77. if (--len <= 0){
  78. callback.call( _this );}
  79. }).each(function(){
  80. // cached images don't fire load sometimes, so we reset src.
  81. if (this.complete || this.complete === undefined){
  82. var src = this.src;
  83. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  84. // data uri bypasses webkit log warning (thx doug jones)
  85. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  86. this.src = src;}
  87. });
  88. return this;};
  89. </script>
  90.  
  91. {/block:Indexpage}
  92.  
  93.  
  94. <style type="text/css">
  95. {block:ifenabletinycursor}
  96. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:ifenabletinycursor}
  97.  
  98. {block:iftinyscrollbar}
  99. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  100. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 1ex; border: 1px solid black;}
  101. {/block:iftinyscrollbar}
  102.  
  103. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  104.  
  105. @font-face { font-family: "sueellen"; src: url('http://themes.googleusercontent.com/static/fonts/sueellenfrancisco/v2/TwHX4vSxMUnJUdEz1JIgrrtXaZAN_aGv07JTA91X2HI.woff'); }
  106.  
  107. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  108.  
  109.  
  110. body {
  111. background-color: {color:Background};
  112. background-image:url({image:Background});
  113. background-position: right;
  114. background-attachment: fixed;
  115. background-repeat: repeat;
  116. }
  117.  
  118. body, div, p, textarea, submit, input{
  119. font-family: "arial";
  120. font-size: 12px;
  121. line-height: 13px;
  122. letter-spacing:-1px;
  123. color:{color:Text};
  124. }
  125.  
  126. p {
  127. margin:0px;
  128. margin-top:5px;
  129. }
  130.  
  131. a:link, a:active, a:visited{
  132. color: {color:Link};
  133. text-decoration: none;
  134. }
  135. a:hover {
  136. color:{color:Hover};
  137. }
  138.  
  139. #center {
  140. left: 70px;
  141. top:5px;
  142. background-color:#fff;
  143. position:relative;
  144. width:1090px;
  145. height: 1250px;
  146. height: 100%;
  147. border-radius: 15px;
  148.  
  149. }
  150.  
  151. #content {
  152. width:810px;
  153. height: 1050px;
  154. top: 7px;
  155. margin-left: 275px;
  156. }
  157.  
  158.  
  159. #sidebar {
  160. position:fixed !important;
  161. width: 250px;
  162. height: auto;
  163. background-color:{color:sidebar};
  164. margin: 15px 0px 0px 85px;
  165. padding:5px;
  166. border-radius: 5px;
  167. -moz-border-radius: 15px;
  168. -webkit-border-radius: 15px;
  169. }
  170.  
  171. #linkss{float: left; font-family: Verdana; text-transform:uppercase; margin-bottom: 4px; font-size: 8px; line-height: 9px;-moz-border-radius: 15px; border-radius: 15px; margin: 2px; background-color: #DDD; border: 2px dotted #999; width: 45px; padding: 4px;}
  172.  
  173. #linkss a{color:#555;}
  174.  
  175. #linkss a:hover{
  176. font-style: italic;
  177. }
  178.  
  179. #photounf {
  180. top:-20px
  181. border-radius: 5px;
  182. -moz-border-radius: 5px;
  183. -webkit-border-radius: 5px;
  184. }
  185.  
  186.  
  187.  
  188. #entry {
  189. margin-top:1px;
  190. border:1px;
  191. padding:1px;
  192. {block:indexpage}
  193. width: 400px;
  194. {/block:indexpage}
  195. background: white;
  196. {block:permalinkpage}
  197. width: 500px;
  198. padding: 1px;
  199. {/block:permalinkpage}
  200. }
  201.  
  202.  
  203. #photoperma {
  204. position: absolute;
  205. width: 395px;
  206. top: 2px;
  207. margin-left: 3px;
  208. text-align: left;
  209. opacity: 0;
  210. border-radius: 5px;
  211. -moz-border-radius: 5px;
  212. -webkit-border-radius: 5px;
  213. transition: all 0.5s ease-out;
  214. -o-transition-transition: all 0.5s ease-out;
  215. -webkit-transition: all 0.5s ease-out;
  216. -moz-transition: all 0.5s ease-out;
  217. }
  218.  
  219. #photoperma a{
  220. color: white;
  221. font-size: 15px;
  222. line-height: 15px;
  223. text-shadow:2px 2px 12px #000;
  224. }
  225.  
  226. #photoentry:hover #photoperma {
  227. opacity: 1;
  228. transition: all 0.5s ease-out;
  229. -o-transition-transition: all 0.5s ease-out;
  230. -webkit-transition: all 0.5s ease-out;
  231. -moz-transition: all 0.5s ease-out;
  232. }
  233.  
  234.  
  235.  
  236. #postnotes{
  237. text-align: left;
  238. }
  239.  
  240. #postnotes blockquote{
  241. border: 0px;
  242. }
  243.  
  244. .title{
  245. font-size: 9px;
  246. line-height: 15px;
  247. color: {color:Title};
  248. letter-spacing: 0;
  249. font-weight: bold;
  250. }
  251.  
  252. .blogtitle a{
  253. font-size: 25px;
  254. font-style: bold;
  255. line-height: 12px;
  256. color: {color:Title};
  257. }
  258.  
  259. blockquote{
  260. padding:0px 0px 2px 5px;
  261. margin:2px 0px 2px 1px;
  262. border-left: 1px solid {color:Text};
  263. }
  264. blockquote p, ul{
  265. margin:0px;
  266. padding:0px;
  267. }
  268.  
  269. .chat .line{
  270. margin: 0 0 1px;
  271. padding: 2px;
  272. }
  273.  
  274. .label {
  275. font-weight:bold;
  276. color:{color:text};
  277. }
  278.  
  279. a img{
  280. border: 0px;
  281. }
  282.  
  283. .p {
  284. padding-top: 5px;
  285. }
  286. .ol, ul {
  287. margin-left: 10px;
  288. padding: 5px;
  289. }
  290. .ul {
  291. list-style-type: square;
  292. }
  293.  
  294. .albumart {
  295. margin-bottom: 0px;
  296. }
  297. .albumart img, .audio embed {
  298. width: 56px;
  299. padding-right: 5px;
  300. }
  301.  
  302. .notes img{
  303. width:10px;
  304. position:left;
  305. top:3px;
  306. }
  307.  
  308.  
  309. {CustomCSS}
  310. </style>
  311. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_loshylvxrY1qepbs7.png">
  312. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  313. <meta name="viewport" content="width=820" />
  314.  
  315. </head>
  316.  
  317. <body>
  318. <div id="cage">
  319. <div id="center">
  320. <div id="sidebar">
  321.  
  322. {block:ifShowTitle}<div class="blogtitle"><center><a href="/">{TITLE}<img src="" width="240px"></</a></center></div><br>{/block:ifShowTitle}
  323.  
  324. <center><a href="/"><img src="{image:sidebar}" width="240px"></a></center>
  325. {Description}
  326.  
  327. <div style="padding-top: 2px;"></div><center>
  328. <div id="linkss"><a href="/">Home</a></div>
  329. <div id="linkss"><a href="/ask">Message</a></div>
  330. <div id="linkss"><a href="/archive">Archive</a></div>
  331. <div id="linkss"><a href="http://nofearthemes.tumblr.com">Credit</a></div></center>
  332.  
  333.  
  334.  
  335.  
  336. <br>
  337.  
  338.  
  339. </div>
  340.  
  341. <div id="content">
  342. {block:Posts}
  343. <div id="entry">
  344.  
  345. {block:Text}<a href="{permalink}">{block:Title}<span class="title">{Title}</span>{/block:Title}{Body}</a>{block:indexpage}{/block:indexpage}{/block:text}
  346.  
  347. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}{block:indexpage}<a href="{permalink}"></a>{/block:indexpage}{/block:link}
  348.  
  349. {block:Photo}<div id="photoentry">{block:IndexPage}<a href="{permalink}"class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()"/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{block:indexpage}<div id="photoperma"><a href="{permalink}"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png"></a></div>{/block:indexpage}</div>{/block:Photo}
  350.  
  351. {block:Photoset}<div id="photoentry"><center>{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center></span>{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{block:indexpage}<div id="photoperma"><a href="{permalink}"><img src="http://ll-media.andersoncooper.com/2011/09/09/tumblr-icon-reblog.png"></a></div>{/block:indexpage}</div>{/block:Photoset}
  352. {block:Quote}"{Quote}"{block:Source}<div class="source">{Source}</div>{/block:Source} {block:indexpage}<div align="right"><a href="{Permalink}">+</a></div>{/block:indexpage}{/block:Quote}
  353.  
  354. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description} <div class="description">{Description}</div>{/block:Description}{block:indexpage}<div align="right"><a href="{Permalink}">+{notes}</a></div>{/block:indexpage}{/block:Link}
  355.  
  356. {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line} </li>
  357. {/block:Lines} </ul>{block:indexpage}<div align="right"><a href="{Permalink}">+</a></div></p>{/block:indexpage}{/block:Chat}
  358.  
  359. {block:Video}{block:IndexPage}<center>{Video-400}<center>{block:ifcaption}{block:Caption}{caption}{/block:Caption}{/block:ifcaption}{block:indexpage}
  360. {/block:indexpage}{/block:IndexPage}{block:permalinkpage}{Video-500}
  361. {/block:permalinkpage}
  362. {/block:Video}
  363.  
  364. {block:Audio}{AudioPlayerBlack}{block:indexpage}{block:Caption}{Caption}
  365. {/block:Caption}<div align="right"><a href="{Permalink}">+</a></div></p>{/block:indexpage}
  366. {/block:Audio}
  367.  
  368. {block:Answer}
  369. <div class="an">
  370. <div class="ba">{Asker}: {Question}</div></div><div class="ans">{Answer}
  371. </div>
  372. {block:indexpage}
  373. <div align="right"><a href="{Permalink}">+</a></div>
  374. {/block:indexpage}
  375. {/block:Answer}
  376.  
  377. {block:PermalinkPage}
  378. <div id="permapage">{block:ifnotshowcaption}{block:caption}{caption}{/block:caption}{/block:ifnotshowcaption}<Br>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} • {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} • Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  379. {/block:PermalinkPage}
  380.  
  381. {block:PostNotes}{PostNotes}
  382. {/block:PostNotes}</div>{/block:Posts}
  383. </div></div>
  384. </div>
  385. </body>
  386. </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!