API tools faq
paste
iwtyhe

#29 with amanda

iwtyhe
Dec 18th, 2012
62
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.30 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:bold text" content="#000000"/>
  6. <meta name="color:italic text" content="#000000"/>
  7. <meta name="color:title" content="#000000"/>
  8. <meta name="color:blog title" content="#000000"/>
  9. <meta name="color:link" content="#FF00E1"/>
  10. <meta name="color:posts" content="#000000"/>
  11. <meta name="color:link bar one" content="#000000"/>
  12. <meta name="color:link bar two" content="#000000"/>
  13. <meta name="color:link bar three" content="#000000"/>
  14. <meta name="color:link bar four" content="#000000"/>
  15. <meta name="color:link bar hover" content="#000000"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="if:Show Title" content="1"/>
  19. <meta name="if:Show caption" content=""/>
  20. <meta name="text:opacity posts" content=".6"/>
  21. <meta name="text:Link1" content="/" />
  22. <meta name="text:Link1 Title" content="link" />
  23. <meta name="text:Link2" content="/" />
  24. <meta name="text:Link2 Title" content="link" />
  25. <meta name="text:Link3" content="/" />
  26. <meta name="text:Link3 Title" content="link" />
  27. <meta name="text:Link4" content="/" />
  28. <meta name="text:Link4 Title" content="link" />
  29. <meta name="text:Link5" content="/" />
  30. <meta name="text:Link5 Title" content="link" />
  31. <meta name="text:Link6" content="/" />
  32. <meta name="text:Link6 Title" content="link" />
  33. <meta name="text:Link7" content="/" />
  34. <meta name="text:Link7 Title" content="link" />
  35. <meta name="text:Link8" content="/" />
  36. <meta name="text:Link8 Title" content="link" />
  37. <meta name="text:Link9" content="/" />
  38. <meta name="text:Link9 Title" content="link" />
  39.  
  40. {block:Description}
  41. <meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <title>
  43. {block:PostSummary}
  44. {PostSummary} - {/block:PostSummary}{Title}</title>
  45.  
  46. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
  47.  
  48. {block:indexpage}
  49. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  50.  
  51. <script src='http://code.jquery.com/jquery-1.4.2.min.js' type='text/javascript'></script>
  52.  
  53. <script src='http://static.tumblr.com/1s4z8hu/UTBlo4136/jquery.masonry.min.js' type='text/javascript'></script>
  54.  
  55. <script type="text/javascript" src="http://static.tumblr.com/jnmer2r/WKhljk73d/jquery.infinitescroll.min.js"></script>
  56.  
  57. <script>
  58. jQuery(window).load(function(){
  59. var $wall = $('#content');
  60. $wall.imagesLoaded(function(){
  61. $wall.masonry({
  62. singleMode: true,
  63. columnWidth: 282,
  64. itemSelector: '#entry'
  65. });
  66. });
  67. $wall.infinitescroll({
  68. navSelector : '#page-nav',
  69. nextSelector : '#page-nav a',
  70. itemSelector : '#entry',
  71. },
  72.  
  73. function( newElements ){
  74. $(newElements).hide();
  75. setTimeout(function(){
  76. $wall.masonry({ appendedContent: $(newElements) });
  77. },2000);
  78. setTimeout(function(){
  79. $(newElements).fadeIn('slow');
  80. },2100);
  81. },1000);
  82. });
  83. </script>
  84.  
  85. <script>
  86. $.fn.imagesLoaded = function(callback){
  87. var elems = this.find('img'),
  88. len = elems.length,
  89. _this = this;
  90. if ( !elems.length ) {
  91. callback.call( this );}
  92. elems.bind('load',function(){
  93. if (--len <= 0){
  94. callback.call( _this );}
  95. }).each(function(){
  96. // cached images don't fire load sometimes, so we reset src.
  97. if (this.complete || this.complete === undefined){
  98. var src = this.src;
  99. // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
  100. // data uri bypasses webkit log warning (thx doug jones)
  101. this.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
  102. this.src = src;}
  103. });
  104. return this;};
  105. </script>
  106.  
  107. {/block:Indexpage}
  108.  
  109. <style type="text/css">
  110.  
  111. @font-face {
  112. font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  113. }
  114.  
  115. body {
  116. margin:0px;
  117. background-color: {color:Background};
  118. background-image:url({image:Background});
  119. background-attachment: fixed;
  120. background-repeat: repeat;
  121. }
  122. body, div, p, textarea, submit, input{
  123. font-family: calibri;
  124. font-size: 11px;
  125. line-height: 11px;
  126. letter-spacing:0px;
  127. color:{color:Text};
  128. }
  129.  
  130. p {
  131. margin:0px;
  132. margin-top: 5px;
  133. }
  134.  
  135. a:link, a:active, a:visited{
  136. text-decoration: none;
  137. transition: all 0.5s ease-out;
  138. -o-transition-transition: all 0.5s ease-out;
  139. -webkit-transition: all 0.5s ease-out;
  140. -moz-transition: all 0.5s ease-out;
  141. color: {color:Link};
  142. }
  143. a:hover {
  144. transition: all 0.5s ease-out;
  145. -o-transition-transition: all 0.5s ease-out;
  146. -webkit-transition: all 0.5s ease-out;
  147. -moz-transition: all 0.5s ease-out;
  148. color:{color:Hover};
  149. }
  150.  
  151. body b, strong{
  152. color: {color:bold text};
  153. }
  154. body i, em{
  155. color: {color:italic text};
  156. }
  157.  
  158. #center {
  159. margin:auto;
  160. position:relative;
  161. width:814px;
  162. overflow:hidden;
  163. }
  164.  
  165. #content {
  166. width:564px;
  167. margin-left: 250px;
  168. }
  169.  
  170. #entry {
  171. margin-top:10px;
  172. padding:10px;
  173. border: 1px solid #eee;
  174. opacity: {text:opacity posts};
  175. background: {color:posts} ;
  176. {block:IndexPage}
  177. width: 250px;
  178. {/block:IndexPage}
  179. {block:PermalinkPage}
  180. width: 500px;
  181. {/block:PermalinkPage}
  182. }
  183.  
  184. #entry:hover{
  185.     transition: all 0.5s ease-out;
  186. -o-transition-transition: all 0.5s ease-out;
  187. -webkit-transition: all 0.5s ease-out;
  188. -moz-transition: all 0.5s ease-out;
  189.     opacity:1;}
  190.  
  191. #entry .perma {
  192. width: 220px;
  193. position: absolute;
  194. height: 20px;
  195. line-height: 20px;
  196. padding: 5px;
  197. background: {color:posts} ;
  198. opacity: 0;
  199. font-size: 8px;
  200. margin-top: 10px;
  201. margin-left: 10px;
  202. color: #4c4c4c;
  203. text-transform: uppercase;
  204. letter-spacing: 1px;
  205. text-align: center;
  206. transition: all 0.5s ease-out;
  207. -o-transition-transition: all 0.5s ease-out;
  208. -webkit-transition: all 0.5s ease-out;
  209. -moz-transition: all 0.5s ease-out;
  210. }
  211.  
  212. #entry .perma a {
  213. color: #4c4c4c;
  214. }
  215.  
  216. #entry:hover .perma {
  217. opacity: .8;
  218. transition: all 0.5s ease-out;
  219. -o-transition-transition: all 0.5s ease-out;
  220. -webkit-transition: all 0.5s ease-out;
  221. -moz-transition: all 0.5s ease-out;
  222. }
  223.  
  224. #permalink {
  225. display: block;
  226. text-align: right;
  227. font-size: 8px;
  228. text-transform: uppercase;
  229. margin-top: 10px;
  230. border-top: 1px dashed #c2c2c2;
  231. color: #c2c2c2;
  232. letter-spacing: 1px;
  233. padding-top: 5px;
  234. }
  235.  
  236. #permalink a{
  237. color: #c2c2c2;
  238. }
  239.  
  240. @font-face {font-family: "04b03";
  241. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  242. @font-face {font-family: "charnarr";
  243. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype");}
  244.  
  245.  
  246.  
  247. #sidebar4 {
  248. position:fixed !important;
  249. width: 200px;
  250. height: 100%;
  251. background: {color:posts} ;
  252. margin-top: -0px;
  253. margin-left:0px;
  254. overflow: hidden;
  255. border: 1px solid #eee;
  256. }
  257.  
  258. #sidebar4 img {
  259. width: 180px;
  260. position: absolute;
  261. margin-top: 10px;
  262. margin-left: 10px;
  263. min-height: 180px;
  264. }
  265.  
  266. #sidebar4 .desc {
  267. opacity: 1;
  268. position: absolute;
  269. margin-top: -100%;
  270. border: 1px solid #eee;
  271. margin-left: -2px;
  272. background: {color:posts} ;
  273. -WEBKIT-FILTER: BLUR(5PX);
  274.    -MOZ-FILTER: BLUR(5PX);
  275.     -MS-FILTER: BLUR(5PX);
  276.      -O-FILTER: BLUR(5PX);
  277. FILTER: BLUR(5PX);
  278. padding: 10px;
  279. width: 180px;
  280. z-index: 1000;
  281. overflow: hidden;
  282. height: 180px;
  283. opacity: .6;
  284. transition: all 0.7s ease-out;
  285. -o-transition-transition: all 0.7s ease-out;
  286. -webkit-transition: all 0.7s ease-out;
  287. -moz-transition: all 0.7s ease-out;
  288. }
  289.  
  290. #sidebar4:hover .desc {
  291. opacity: .6;
  292. margin-top:0;
  293. height: 100%;
  294. transition: all 0.7s ease-out;
  295. -o-transition-transition: all 0.7s ease-out;
  296. -webkit-transition: all 0.7s ease-out;
  297. -moz-transition: all 0.7s ease-out;
  298. -WEBKIT-FILTER: BLUR(0PX);
  299.    -MOZ-FILTER: BLUR(0PX);
  300.     -MS-FILTER: BLUR(0PX);
  301.      -O-FILTER: BLUR(0PX);
  302. FILTER: BLUR(0PX);
  303. color: {color:blog title};
  304. }
  305.  
  306. .IMG1 {
  307. -WEBKIT-FILTER: BLUR(0PX);
  308.    -MOZ-FILTER: BLUR(0PX);
  309.     -MS-FILTER: BLUR(0PX);
  310.      -O-FILTER: BLUR(0PX);
  311. FILTER: BLUR(0PX);
  312. transition: all 0.7s ease-out;
  313. -o-transition-transition: all 0.7s ease-out;
  314. -webkit-transition: all 0.7s ease-out;
  315. -moz-transition: all 0.7s ease-out;
  316. }
  317.  
  318. .IMG1 :hover {
  319. -WEBKIT-FILTER: BLUR(3PX);
  320.    -MOZ-FILTER: BLUR(3PX);
  321.     -MS-FILTER: BLUR(3PX);
  322.      -O-FILTER: BLUR(3PX);
  323. FILTER: BLUR(3PX);
  324. }
  325.  
  326. #postnotes{
  327. text-align: left;
  328. }
  329.  
  330. .postinfo {
  331. font-size: 8px;
  332. font-family: 'littlefont';
  333. text-transform: uppercase;
  334. color: {color:permalink text};
  335. }
  336.  
  337. .title{
  338. font-size: 12px;
  339. line-height: 12px;
  340. font-family: georgia;
  341. text-transform: lowercase;
  342. font-style: italic;
  343. display: block;
  344. text-align: center;
  345. color: {color:Title};
  346. }
  347.  
  348. .blogtitle a{
  349. font-size: 12px;
  350. line-height: 12px;
  351. font-family: georgia;
  352. letter-spacing: 2px;
  353. margin-top: 50%;
  354. text-transform: lowercase;
  355. font-style: italic;
  356. color: {color:blog title};
  357. }
  358.  
  359. blockquote{
  360. padding:0px 0px 0px 5px;
  361. margin: 5px 0px 2px 10px;
  362. border-left: 3px solid {color:blockquote};
  363. }
  364. blockquote p, ul{
  365. margin:0px;
  366. padding:0px;
  367. }
  368.  
  369. .chat .line{
  370. background-color:#ffffff;
  371. margin: 0 0 1px;
  372. padding: 5px;
  373. }
  374. .chat .line.odd{
  375. background-color:#F0F0F0;
  376. }
  377.  
  378. .label {
  379. font-weight:bold;
  380. }
  381.  
  382. a img{
  383. border: 0px;
  384. }
  385.  
  386. .p {
  387. padding-top: 5px;
  388. }
  389. .ol, ul {
  390. margin-left: 10px;
  391. padding: 5px;
  392. }
  393. .ul {
  394. list-style-type: square;
  395. }
  396.  
  397. .audiobox {
  398. width: 64px;
  399. height: 64px;
  400. overflow: hidden;
  401. padding: 4px;
  402. border: 1px solid #eee;
  403. float: left;
  404. }
  405.  
  406. .audiobox .albumart {
  407. position: absolute;
  408. margin-top: 0px;
  409. margin-left: 0px;
  410. z-index: 1;
  411. }
  412.  
  413. .audiobox .albumart img {
  414. width: 64px;
  415. height: 64px;
  416. margin-top: 0px;
  417. margin-left: 0px;
  418. position: absolute;
  419. }
  420.  
  421. .audiobox .defaultart {
  422. position: absolute;
  423. margin-top: 0px;
  424. margin-left: 0px;
  425. }
  426.  
  427. .audiobox .defaultart img {
  428. width: 64px;
  429. height: 64px;
  430. margin-top: 0px;
  431. margin-left: 0px;
  432. position: absolute;
  433. }
  434.  
  435. .audiobox #playerbox{
  436. width: 35px;
  437. height: 35px;
  438. opacity: .8;
  439. background: white;
  440. position: absolute;
  441. margin-top: 15px;
  442. margin-left: 15px;
  443. z-index: 999;
  444. border-radius: 999px;
  445. text-align: center;
  446. line-height: 30px;
  447. overflow: hidden;
  448. }
  449.  
  450. .audiobox #playerbox .player {
  451. position: absolute;
  452. width: 17px;
  453. height: 18px;
  454. overflow: hidden;
  455. margin-left: 5px;
  456. margin-top: 5px;
  457. border-radius: 999px;
  458. }
  459.  
  460. .audioinfo {
  461. float: left;
  462. margin-left: 10px;
  463. }
  464.  
  465. .notes img{
  466. width:10px;
  467. position:left;
  468. top:3px;
  469. }
  470.  
  471. .answer {
  472. display: block;
  473. padding: 10px;
  474. min-height: 52px;
  475. }
  476.  
  477. .asker a{
  478. font-family: georgia;
  479. letter-spacing: 2px;
  480. text-transform: lowercase;
  481. font-style: italic;
  482. color: {color:title};
  483. }
  484.  
  485.  
  486. ::-webkit-scrollbar{width:5px;height:5px;}
  487. ::-webkit-scrollbar-button:start:decrement
  488. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  489. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  490. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#000; background-color: #000;-webkit-border-radius:px;}
  491. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#666666; background-color:#000;-webkit-border-radius:px;}
  492.  
  493. {font-size: 100%;}
  494.  
  495. {CustomCSS}
  496. </style>
  497. <link rel="shortcut icon" href="{Favicon}">
  498. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  499. <meta name="viewport" content="width=820" />
  500. </head>
  501. <body>
  502. <div id="center">
  503. <div id="sidebar4">
  504. <div class="desc">
  505. {block:ifShowTitle}<center>
  506. <div class="blogtitle"><a href="/"><br><br><br>{Title}</a></div></center><br>{/block:ifShowTitle}
  507. <center>{Description}<br/><br/>
  508.    {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title} · </a>{/block:ifLink1}
  509. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title} · </a>{/block:ifLink2}
  510. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title} · </a>{/block:ifLink3}
  511. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title} · </a>{/block:ifLink4}
  512. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title} · </a>{/block:ifLink5}
  513. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title} · </a>{/block:ifLink6}
  514. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title} · </a>{/block:ifLink7}
  515. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title} · </a>{/block:ifLink8}
  516. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  517. </center><br/>
  518. </div>
  519. <img src="{image:sidebar}" width=200px></div>
  520.  
  521. <div id="content">
  522. {block:Posts}
  523. <div id="entry">
  524.  
  525. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}{Body}{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}{/block:text}
  526.  
  527. {block:Link}<a href="{URL}" class="title">{Name} »</a>{block:Description}{Description}{/block:Description}{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}{/block:link}
  528.  
  529. {block:Photo}{block:IndexPage}<div class="perma">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div><div class="img1"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=250px/></div>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photo}
  530.  
  531. {block:Photoset}{block:IndexPage}<div class="perma">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{Photoset-250}{/block:IndexPage}{block:PermalinkPage}<div class="img1">{Photoset-500}</div>{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Photoset}
  532.  
  533. {block:Quote}<span class="title">"{Quote}"</span>{block:Source}<br><center>{Source}</center>{/block:Source}{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}{/block:Quote}
  534.  
  535. {block:Chat}{block:title}<div class="title">{Title}</div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  536. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}{/block:Chat}
  537.  
  538. {block:Audio}<div style="min-height: 74px;">
  539. <div class="audiobox">
  540.    {block:AlbumArt} <div class="albumart"><img src="{AlbumArtURL}" width=64px></div>{/block:AlbumArt}
  541.     <div class="defaultart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width=64px></div>
  542.     <div id="playerbox"><div class="player">{AudioPlayerWhite}</div></div>    
  543. </div>
  544. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}{block:Album}<br><b>Album:</b> {Album}{/block:Album}{block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}
  545. {/block:Audio}
  546.  
  547. {block:Video}{block:IndexPage}<div class="perma">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}{/block:Video}
  548.  
  549. {block:Answer}<div class="answer"><div style="width: 40px; height: 40px; padding: 5px; border: 1px solid #eee; float: left; margin-right: 10px;"><img src="{AskerPortraitURL-40}"></div><div class="question"><div class="asker">{Asker}:</div> {Question}</div></div>
  550. {Answer}{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}
  551. {block:Answer}
  552.  
  553. {block:PermalinkPage}
  554. <div id="permapage">{block:ifnotshowcaption}{block:caption}{caption}{/block:caption}{/block:ifnotshowcaption}<Br><center><div class="postinfo">{block:Date}Posted on {ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<br>Tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div></div>
  555. {/block:PermalinkPage}
  556.  
  557. {block:PostNotes}{PostNotes}
  558. {/block:PostNotes}</div>{/block:Posts}
  559. </div></div>
  560. </div>
  561. <div style="position:fixed;bottom:5px;left:5px; background: #e8e8e8;">all theme by  <a href="http://s-uicidalgirl.tumblr.com">s-uicidalgirl</a></div>
  562. </div></body>
  563. </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!