API tools faq
paste
iwtyhe

#27 shame on me

iwtyhe
Nov 24th, 2012
553
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.12 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. @font-face {font-family: "04b03";
  231. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype"); }
  232. @font-face {font-family: "charnarr";
  233. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf'); format("truetype");}
  234.  
  235. #linkbox {
  236. margin: 105px 0px 0px -20px;
  237. position: fixed;
  238. padding: 2px;
  239. width: 50px;
  240.  
  241.  
  242. }
  243.  
  244. #links a{
  245. width: 35px;
  246. height: 35px;
  247. background-color:#fff;
  248. font-size:8px;
  249. font-family:'04b03';
  250. text-transform: uppercase;
  251. margin-top:2px;
  252. margin-left: 185px;
  253. padding: 2px;
  254. line-height:40px;
  255. color: black;
  256. text-align:center;
  257. -webkit-transition-duration: 1s;
  258. border-top-right-radius:70px;
  259. border-bottom-right-radius:70px;
  260. border-top-left-radius:70px;
  261. border-bottom-left-radius:70px;
  262. display: inline-block;
  263. -webkit-transition-duration: 1s;
  264. -moz-transform: rotate(-90deg);
  265.  
  266. -webkit-transform: rotate(-90deg);
  267. }
  268.  
  269. #links a:hover {
  270. -webkit-transform: rotate(-360deg) scale(1) skew(1deg) translate(20px);
  271. -moz-transform: rotate(-360deg) scale(1) skew(1deg) translate(20px);
  272. -o-transform: rotate(-360deg) scale(1) skew(1deg) translate(20px);
  273. }
  274. .menu{
  275. color: #000
  276.  
  277. width: 35px;
  278.  
  279. height: 25px;
  280.  
  281. background-color:#fff;
  282.  
  283. font-size:8px;
  284.  
  285. font-family:'04b03';
  286.  
  287. text-transform: uppercase;
  288.  
  289. margin-top:20px;
  290.  
  291. margin-left:1px;
  292.  
  293. z-index:-1;
  294.  
  295. padding: 2px;
  296.  
  297. line-height:25px;
  298.  
  299. text-align:center;
  300.  
  301. -webkit-transition-duration: 1s;
  302.  
  303. border-top-right-radius:90px;
  304.  
  305. border-bottom-right-radius:90px;
  306.  
  307. border-top-left-radius:90px;
  308.  
  309. border-bottom-left-radius:90px;
  310.  
  311. display: inline-block;
  312.  
  313. -moz-transform: rotate(-90deg);
  314.  
  315. -webkit-transform: rotate(-90deg);
  316.  
  317. }
  318.  
  319.  
  320.  
  321. .menu:hover {
  322.  
  323.  
  324. -webkit-transition-duration: 1s;
  325.  
  326. -moz-transform: rotate(360deg);
  327.  
  328. -webkit-transform: rotate(360deg);
  329.  
  330. }
  331.  
  332. #sidebar {
  333. position:fixed !important;
  334. width: 180px;
  335. height: 180px;
  336. background-color:white;
  337. margin: 100px 0px 0px 0px;
  338. overflow: hidden;
  339. border: 1px solid #eee;
  340. }
  341.  
  342. #sidebar img {
  343. width: 180px;
  344. position: absolute;
  345. margin-top: 0px;
  346. margin-left: 0px;
  347. min-height: 180px;
  348. }
  349.  
  350. #sidebar .desc {
  351. opacity: 1;
  352. position: absolute;
  353. margin-top: 0px;
  354. border: 1px solid #eee;
  355. margin-left: -12px;
  356. background: white;
  357. padding: 10px;
  358. width: 180px;
  359. z-index: 1000;
  360. overflow: hidden;
  361. height: 180px;
  362. transition: all 0.5s ease-out;
  363. -o-transition-transition: all 0.5s ease-out;
  364. -webkit-transition: all 0.5s ease-out;
  365. -moz-transition: all 0.5s ease-out;
  366. }
  367.  
  368. #sidebar:hover .desc {
  369. opacity: 1;
  370. margin-top:190px;
  371. transition: all 0.5s ease-out;
  372. -o-transition-transition: all 0.5s ease-out;
  373. -webkit-transition: all 0.5s ease-out;
  374. -moz-transition: all 0.5s ease-out;
  375. }
  376.  
  377. #postnotes{
  378. text-align: left;
  379. }
  380.  
  381. .postinfo {
  382. font-size: 8px;
  383. font-family: 'littlefont';
  384. text-transform: uppercase;
  385. color: {color:permalink text};
  386. }
  387.  
  388. .title{
  389. font-size: 12px;
  390. line-height: 12px;
  391. font-family: georgia;
  392. text-transform: lowercase;
  393. font-style: italic;
  394. display: block;
  395. text-align: center;
  396. color: {color:Title};
  397. }
  398.  
  399. .blogtitle a{
  400. font-size: 12px;
  401. line-height: 12px;
  402. font-family: georgia;
  403. letter-spacing: 2px;
  404. text-transform: lowercase;
  405. font-style: italic;
  406. color: {color:blog title};
  407. }
  408.  
  409. blockquote{
  410. padding:0px 0px 0px 5px;
  411. margin: 5px 0px 2px 10px;
  412. border-left: 3px solid {color:blockquote};
  413. }
  414. blockquote p, ul{
  415. margin:0px;
  416. padding:0px;
  417. }
  418.  
  419. .chat .line{
  420. background-color:#ffffff;
  421. margin: 0 0 1px;
  422. padding: 5px;
  423. }
  424. .chat .line.odd{
  425. background-color:#F0F0F0;
  426. }
  427.  
  428. .label {
  429. font-weight:bold;
  430. }
  431.  
  432. a img{
  433. border: 0px;
  434. }
  435.  
  436. .p {
  437. padding-top: 5px;
  438. }
  439. .ol, ul {
  440. margin-left: 10px;
  441. padding: 5px;
  442. }
  443. .ul {
  444. list-style-type: square;
  445. }
  446.  
  447. .audiobox {
  448. width: 64px;
  449. height: 64px;
  450. overflow: hidden;
  451. padding: 4px;
  452. border: 1px solid #eee;
  453. float: left;
  454. }
  455.  
  456. .audiobox .albumart {
  457. position: absolute;
  458. margin-top: 0px;
  459. margin-left: 0px;
  460. z-index: 1;
  461. }
  462.  
  463. .audiobox .albumart img {
  464. width: 64px;
  465. height: 64px;
  466. margin-top: 0px;
  467. margin-left: 0px;
  468. position: absolute;
  469. }
  470.  
  471. .audiobox .defaultart {
  472. position: absolute;
  473. margin-top: 0px;
  474. margin-left: 0px;
  475. }
  476.  
  477. .audiobox .defaultart img {
  478. width: 64px;
  479. height: 64px;
  480. margin-top: 0px;
  481. margin-left: 0px;
  482. position: absolute;
  483. }
  484.  
  485. .audiobox #playerbox{
  486. width: 35px;
  487. height: 35px;
  488. opacity: .8;
  489. background: white;
  490. position: absolute;
  491. margin-top: 15px;
  492. margin-left: 15px;
  493. z-index: 999;
  494. border-radius: 999px;
  495. text-align: center;
  496. line-height: 30px;
  497. overflow: hidden;
  498. }
  499.  
  500. .audiobox #playerbox .player {
  501. position: absolute;
  502. width: 17px;
  503. height: 18px;
  504. overflow: hidden;
  505. margin-left: 5px;
  506. margin-top: 5px;
  507. border-radius: 999px;
  508. }
  509.  
  510. .audioinfo {
  511. float: left;
  512. margin-left: 10px;
  513. }
  514.  
  515. .notes img{
  516. width:10px;
  517. position:left;
  518. top:3px;
  519. }
  520.  
  521. .answer {
  522. display: block;
  523. padding: 10px;
  524. min-height: 52px;
  525. }
  526.  
  527. .asker a{
  528. font-family: georgia;
  529. letter-spacing: 2px;
  530. text-transform: lowercase;
  531. font-style: italic;
  532. color: {color:title};
  533. }
  534.  
  535.  
  536. ::-webkit-scrollbar{width:5px;height:5px;}
  537. ::-webkit-scrollbar-button:start:decrement
  538. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  539. ::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  540. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#000; background-color: #000;-webkit-border-radius:px;}
  541. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#666666; background-color:#000;-webkit-border-radius:px;}
  542.  
  543. {font-size: 100%;}
  544.  
  545. {CustomCSS}
  546. </style>
  547. <link rel="shortcut icon" href="{Favicon}">
  548. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  549. <meta name="viewport" content="width=820" />
  550. </head>
  551. <body>
  552. <div id="center">
  553. <div id="linkbox"><div id="links">
  554. <div id="menu"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>
  555. <div id="menu"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>
  556. <div id="menu"><a href="{text:Link 3}">{text:Link 3 Title}</a></div>
  557. <div id="menu"><a href="{text:Link 4}">{text:Link 4 Title}</a></div>
  558. </div></div>
  559. <div id="sidebar">
  560. <div class="desc">
  561. {block:ifShowTitle}<center>
  562. <div class="blogtitle"><a href="/">{Title}</a></div></center><br>{/block:ifShowTitle}
  563. <div style="overflow: auto; auto; height: 150px; margin-top: 2px;"><center>{Description}</center></div><br/>
  564. </div>
  565. <img src="{image:sidebar}" width=200px></div>
  566.  
  567. <div id="content">
  568. {block:Posts}
  569. <div id="entry">
  570.  
  571. {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}
  572.  
  573. {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}
  574.  
  575. {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}
  576.  
  577. {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}
  578.  
  579. {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}
  580.  
  581. {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}">
  582. {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}
  583.  
  584. {block:Audio}<div style="min-height: 74px;">
  585. <div class="audiobox">
  586.    {block:AlbumArt} <div class="albumart"><img src="{AlbumArtURL}" width=64px></div>{/block:AlbumArt}
  587.     <div class="defaultart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width=64px></div>
  588.     <div id="playerbox"><div class="player">{AudioPlayerWhite}</div></div>    
  589. </div>
  590. <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}
  591. {/block:Audio}
  592.  
  593. {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}
  594.  
  595. {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>
  596. {Answer}{block:IndexPage}<div id="permalink">Posted {timeago} with <a href="{permalink}">{notecountwithlabel}</a></div>{/block:Indexpage}
  597. {block:Answer}
  598.  
  599. {block:PermalinkPage}
  600. <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>
  601. {/block:PermalinkPage}
  602.  
  603. {block:PostNotes}{PostNotes}
  604. {/block:PostNotes}</div>{/block:Posts}
  605. </div></div>
  606. </div>
  607. <div style="position:fixed;bottom:5px;left:5px;">all theme by  <a href="http://s-uicidalgirl.tumblr.com">s-uicidalgirl</a></div>
  608. </body>
  609. </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!