API tools faq
paste
iwtyhe

#26 part of me

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