API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 21st, 2014
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.25 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. sunflowehrs.tumblr.com // radlayouts.tumblr.com
  3.  
  4. if you steal this i will find you
  5.  
  6. **AUDIO POST STLE BY TRUSTWURTHY**
  7. -->
  8.  
  9.  
  10. <head>
  11.  
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15.  
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <link href="http://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  20.  
  21. <title>{title}</title>
  22.  
  23.  
  24.  
  25.  
  26. <link rel="shortcut icon" href="{favicon}">
  27. <link href='http://fonts.googleapis.com/css?family=Asap|Share' rel='stylesheet' type='text/css'>
  28.  
  29. <meta name="color:Background" content="#fafafa"/>
  30. <meta name="color:Text" content="#999999"/>
  31. <meta name="color:Hover" content="#ffffff"/>
  32. <meta name="color:Title" content="#95a7ce"/>
  33. <meta name="color:Scrollbar" content="#95a7ce"/>
  34. <meta name="color:Link" content="#95a7ce"/>
  35.  
  36. <meta name="image:Background" content="0"/>
  37. <meta name="image:Sidebar" content="0"/>
  38.  
  39. <meta name="if:show photo" content="1"/>
  40. <meta name="if:faded images" content="0"/>
  41. <meta name="if:rounded corners" content="0"/>
  42. <meta name="if:animated post load" content="0"/>
  43. <meta name="if:shadow" content="0"/>
  44. <meta name="if:grayscale" content="0"/>
  45. <meta name="if:photo effect" content="0"/>
  46.  
  47. <meta name="text:link one url" content="" />
  48. <meta name="text:link one title" content="link" />
  49. <meta name="text:link two url" content="" />
  50. <meta name="text:link two title" content="link" />
  51. <meta name="text:link three url" content="" />
  52. <meta name="text:link three title" content="link" />
  53. <meta name="text:link four url" content="" />
  54. <meta name="text:link four title" content="link" />
  55. <meta name="text:link five url" content="" />
  56. <meta name="text:link five title" content="link" />
  57.  
  58. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  59.  
  60. <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  61.  
  62. <style type="text/css">
  63.  
  64. ::-webkit-scrollbar {width: 8px; height: 4px; background: #eeeeee; border-left: 1px solid #eee; }
  65.  
  66. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #fff; border-radius:5px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
  67.  
  68.  
  69. ::selection {color: #fff; background: {color:title};}
  70. ::-moz-selection {color: #fff; background: {color:title};}
  71. ::-webkit-selection {color: #fff; background: {color:title};}
  72.  
  73.  
  74.  
  75. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  76.  
  77. #tumblr_controls{
  78. position:fixed !important;
  79. -webkit-filter: invert(100%)
  80. }
  81.  
  82.  
  83.  
  84. body {
  85. margin:5px;
  86. font-size:9px;
  87. font-family:calibri;
  88. color:{color:text};
  89. background-color: {color:Background};
  90. background-image:url({image:Background});
  91. background-attachment: fixed;
  92. background-size: ;
  93. }
  94.  
  95. a:link, a:active, a:visited{
  96. color:{color:link};
  97. text-decoration: none;
  98. -webkit-transition: color 0.4s ease-out;
  99. -moz-transition: color 0.4s ease-out;
  100. }
  101.  
  102. a:hover{
  103. color: {color:hover};
  104. -webkit-transition: color 0.4s ease-out;
  105. -moz-transition: color 0.4s ease-out;
  106. }
  107.  
  108.  
  109. ol.notes {
  110. padding: 0px;
  111. margin: 15px 0px;
  112. list-style-type: none;
  113. border-bottom: solid 1px #F2F2F2;
  114. }
  115.  
  116. ol.notes li.note {
  117. border-top: solid 1px #F2F2F2;
  118. padding: 6px;
  119. }
  120.  
  121. #audio {width: 220px; height:auto; min-height:60px; padding-bottom:0px;}
  122. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  123. .cover img {float:left; width:60px; height:60px;}
  124. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  125. .info {margin-left:73px; margin-top:4px; line-height:13px;}
  126.  
  127. .entry {
  128. {block:ifroundedcorners}
  129. border-radius: 5px;
  130. {/block:ifroundedcorners}
  131. {block:ifanimatedpostload}
  132. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  133. {/block:ifanimatedpostload}
  134. {block:ifshadow}
  135. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  136. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  137. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  138. {/block:ifshadow}
  139. margin:20px;
  140. padding:10px;
  141. border: 1px solid #F2F2F2;
  142. padding-bottom: 5px;
  143. float:left;
  144. background-color:#fff;
  145. line-height:15px;
  146. font-size:9px;
  147. font-family:calibri;
  148. font-size: 10px;
  149. {block:IndexPage}
  150. width: 220px;
  151. {/block:IndexPage}
  152. {block:PermalinkPage}
  153. width:500px;
  154. {/block:PermalinkPage}
  155. }
  156.  
  157. .entry img{
  158. {block:IndexPage}
  159. max-width: 220px;
  160. height:auto;
  161. {/block:IndexPage}
  162. }
  163.  
  164.  
  165. .entry img:hover{
  166. opacity: 1;
  167. }
  168.  
  169. .title {
  170. opacity:.7;
  171. font-size:10px;
  172. text-transform:uppercase;
  173. padding:1px;
  174. color:{color:title}
  175. }
  176.  
  177. .audioplayerr{
  178. position:absolute;
  179. border:1px solid {color:border};
  180. padding:2px;
  181. padding-top:5px;
  182. background: #fff;
  183. text-align:center;
  184. margin-left:24px;
  185. margin-top:5px;
  186. width:29px;
  187. height:27px;
  188. opacity:0.9;
  189. overflow:hidden;
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. -ms-transition: all 0.5s ease-in-out;
  194. transition: all 0.5s ease-in-out;}
  195.  
  196.  
  197. .albumartt{
  198. margin-left:0px;
  199. margin-bottom:20px;
  200. }
  201.  
  202. .albumartt img{
  203. background:#fff;
  204. width:60px;
  205. float:left;
  206. padding:10px;
  207. border:1px solid #f0f0f0;
  208. }
  209.  
  210. audioshit{
  211. border-bottom:1px solid #f2f2f2;
  212. font-style:normal;}
  213.  
  214. .infooo{
  215. position:relative;
  216. background:transparent;
  217. border:1px solid #eee;
  218. padding:8px;
  219. font-family:Consolas;
  220. font-size:8px;
  221. overflow-x:auto;
  222. letter-spacing:1px;
  223. font-style:italic;
  224. text-transform:uppercase;
  225. height:64px;
  226. margin-top:-20px;
  227. margin-bottom:20px;
  228. margin-left:85px;
  229. padding-left:5px;
  230. line-height:10px;}
  231.  
  232.  
  233. .he{
  234. color:{color:title};
  235. font-style: ;
  236. font-size: 9px;
  237. text-transform:uppercase ;
  238. }
  239.  
  240. askk{
  241. text-transform:uppercase;
  242. font-size:9px;
  243. font-family:calibri;
  244. color: {color:title};
  245. letter-spacing: 0px;
  246. z-index:1;
  247. }
  248.  
  249.  
  250. #posts {
  251. width: 600px;
  252. margin-left:450px;
  253. padding-left: 5px;
  254. padding-top: 0px;
  255. opacity: 1;}
  256.  
  257.  
  258. #sidebar{
  259. position:fixed !important;
  260. width:180px;
  261. height:;
  262. border: 1px solid #F2F2F2;
  263. padding:10px;
  264. padding-bottom: 5px;
  265. margin-top:150px;
  266. margin-left:230px;
  267. line-height:15px;
  268. font-size:10px;
  269. font-family:calibri;
  270. background-color:#fff;
  271. {block:ifroundedcorners}
  272. border-radius: 5px;
  273. {/block:ifroundedcorners}
  274. {block:ifshadow}
  275. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  276. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  277. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  278. {/block:ifshadow}
  279. overflow:visable;
  280. text-align:center;
  281. }
  282.  
  283. img{
  284. {block:ifroundedcorners}
  285. border-radius: 5px;
  286. {/block:ifroundedcorners}
  287. {block:iffadedimages}
  288. opacity: .6;
  289. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  290. {/block:iffadedimages}
  291. {block:ifgrayscale}
  292. -webkit-filter:grayscale(100%);
  293. {/block:ifgrayscale}
  294. {block:ifphotoeffect}
  295. -webkit-filter:grayscale(60%);
  296. {/block:ifphotoeffect}
  297. }
  298.  
  299. img:hover{
  300. opacity: 1;
  301. }
  302.  
  303.  
  304. .quote{
  305. line-height:15px;
  306. font-size:9px;
  307. font-family:calibri;
  308. float: left;
  309. margin-right: 5px;
  310. }
  311.  
  312.  
  313. blockquote{
  314. padding:2px 2px 2px 5px;
  315. margin:4px 4px 4px 7px;
  316. border-left: 2px solid #f2f2f2;
  317. }
  318.  
  319. .perm1{
  320. padding: 4px;
  321. margin-left:0px;
  322. margin-top: 5px;
  323. font-size: 9px;
  324. height:9px;
  325. text-align:center;
  326. color: {color:text};
  327. text-transform:uppercase;
  328. letter-spacing:1px;
  329. border-top:1px solid #f2f2f2;
  330.  
  331. }
  332.  
  333.  
  334. .entry .perma1{
  335. width:205px;
  336. height: auto;
  337. {block:ifroundedcorners}
  338. border-radius: 5px;
  339. {/block:ifroundedcorners}
  340. position:absolute;
  341. font-size: 10px;
  342. line-height: 15px;
  343. text-align: center;
  344. opacity: 0.0;
  345. display:block;
  346. padding-top:3px;
  347. -webkit-filter:blur(5px);
  348. padding-bottom:3px;
  349. z-index: 1;
  350. padding-left:3px;
  351. padding-right:3px;
  352. text-transform:uppercase;
  353. font-family:consolas;
  354. font-style: normal;
  355. letter-spacing:1px;
  356. border-top:0px solid #ddd;
  357. background-color:#fff;
  358. top:15px;
  359. margin-left:4px;
  360. transition: all 0.9s ease-out;
  361. -o-transition-transition: all 0.9s ease-out;
  362. -webkit-transition: all 0.9s ease-out;
  363. -moz-transition: all 0.9s ease-out;
  364. }
  365.  
  366. .entry:hover .perma1{
  367. opacity:0.9;
  368. -webkit-filter:blur(0px);
  369. transition: all 0.9s ease-out;
  370. -o-transition-transition: all 0.9s ease-out;
  371. -webkit-transition: all 0.9s ease-out;
  372. -moz-transition: all 0.9s ease-out;
  373. }
  374.  
  375.  
  376. .links{
  377. text-transform:uppercase;
  378. word-spacing: 2px;
  379. font-size 9px;
  380. line-height: 17px;
  381. }
  382.  
  383. </style>
  384.  
  385. {block:IndexPage}
  386. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  387. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  388.  
  389. <script type="text/javascript">
  390. $(window).load(function () {
  391. var $content = $('#posts');
  392. $content.masonry({itemSelector: '.entry'}),
  393. $content.infinitescroll({
  394. navSelector : 'div#pagination',
  395. nextSelector : 'div#pagination a#nextPage',
  396. itemSelector : '.entry',
  397. loading: {
  398. finishedMsg: '',
  399. F: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  400. },
  401. bufferPx : 600,
  402. debug : false,
  403. },
  404. // call masonry as a callback.
  405. function( newElements ) {
  406. var $newElems = $( newElements );
  407. $newElems.hide();
  408. // ensure that images load before adding to masonry layout
  409. $newElems.imagesLoaded(function(){
  410. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  411.  
  412.  
  413. });
  414. });
  415. });
  416. </script>
  417.  
  418.  
  419.  
  420. {/block:IndexPage}
  421.  
  422. <script type="text/javascript" src="http://static.tumblr.com/wimftiq/ZOZmpoebo/yo.txt"></script>
  423.  
  424. <title>{title}</title>
  425.  
  426. <link rel="shortcut icon" href="{Favicon}">
  427. <meta name="viewport" content="width=820" />
  428.  
  429. </head>
  430.  
  431.  
  432.  
  433.  
  434. <div id="sidebar">
  435. {block:ifshowphoto}<a href="/"><img src="{image:sidebar}" style="" width=100%></a>{/block:ifshowphoto}
  436. {description}
  437. <div class="links">
  438. <a href="{text:link one url}">{text:link one title}</a>
  439. <a href="{text:link two url}">{text:link two title}</a>
  440. <a href="{text:link three url}">{text:link three title}</a>
  441. <a href="{text:link four url}">{text:link four title}</a>
  442. <a href="{text:link five url}">{text:link five title}</a>
  443. </div>
  444. </div>
  445.  
  446.  
  447. <div class="content">
  448.  
  449. <div class="left">
  450.  
  451. <div id="posts">
  452.  
  453. {block:posts}
  454. <div class="entry">
  455.  
  456. {block:Text}
  457. {block:Title}<span class="title">{Title}</span>{/block:Title}
  458. <span class="entrytext">{Body}</span></a>
  459. {block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
  460. {/block:Text}
  461.  
  462. {block:Link}
  463. <a href="{URL}" class="title">{Name}</a>
  464. {block:Description}{Description}{/block:Description}
  465. {block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
  466. {block:Link}
  467.  
  468.  
  469. {block:Photo}
  470. {block:indexpage}
  471. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  472. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  473. </div>
  474.  
  475. <a href="{permalink}"><img src="{PhotoURL-HighRes}" width="100%"/></a>
  476. {/block:indexpage}
  477. {block:permalinkpage}
  478. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
  479. {/block:permalinkpage}
  480. {/block:Photo}
  481.  
  482. {block:Photoset}
  483. <center>
  484. {block:IndexPage}
  485. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  486. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  487. </div>
  488.  
  489. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Photoset-250}</div>
  490. {/block:IndexPage}
  491. </center>
  492. <center>{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>
  493. {/block:Photoset}
  494.  
  495.  
  496.  
  497. {block:Quote}
  498. <i>
  499. <span style="text-transform:;"> " {Quote} " </span></i>
  500. {block:Source}
  501. <div style="text-align:left;color:{color:link};font-style:italic;padding:3px;margin-top:3px;text-transform:;">- {Source}</div>
  502. {/block:Source}
  503. {block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
  504. {/block:Quote}
  505.  
  506.  
  507. {block:Chat}
  508. {block:Title}<span class="title">{Title}</span>{/block:Title}
  509. {block:Lines}
  510. {block:Label}
  511. <span class="he">{label}</span>
  512. {/block:Label}
  513.  
  514. {Line}<br>
  515. {/block:Lines}
  516. {block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
  517. {/block:Chat}
  518.  
  519.  
  520. {block:Answer}
  521. <div style="margin-top:0px;height: auto;overflow:auto;margin-bottom:0px;margin-left: 0px; padding: 4px; background-color:#fbfbfb;border:1px solid #F2F2F2;border-radius: 5px;">
  522. <askk>{asker}</askk>: {Question}</div>
  523. <div style="margin-top:2px;margin-bottom:4px; background: transparent;">{Answer}</div>
  524. {block:IndexPage}<div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div>{block:IndexPage}
  525. {/block:Answer}
  526.  
  527.  
  528. {block:Audio}
  529. <div class="albumartt">{block:AlbumArt} <img src="{AlbumArtURL}"> {/block:AlbumArt}</div><div class="audioplayerr">{AudioPlayer}</div> <div class="infooo"> {block:Artist} <b><audioshit>Artist:</audioshit></b><br> {Artist} {/block:Artist}<br><br>{block:TrackName} <b><audioshit>Track Name:</audioshit></b><br> "{TrackName}" {/block:TrackName}</br><br>{block:Album}<b><audioshit>Album Name:</audioshit></b><br> {Album} {/block:Album}</br><br><b><audioshit>Play Count:</audioshit></b><br> {block:PlayCount}{PlayCount} times{/block:PlayCount}</div>
  530.  
  531. {block:IndexPage}
  532. <div style="margin-top:-10px">
  533. <div class="perm1">posted on {shortmonth} {dayofmonth} with <a href="{permalink}">{notecountwithlabel}</a></div></div>{block:IndexPage}
  534. {/block:Audio}
  535.  
  536.  
  537. {block:Video}
  538. <center>
  539.  
  540. {block:IndexPage}
  541. <div class="perma1">{shortmonth} {dayofmonthwithzero}{DayOfMonthSuffix} with
  542. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">↻</a>
  543. </div>
  544.  
  545. <div style="width: 220px; overflow-x:hidden;overflow-y:hidden;">{Video-250}</div>
  546. {/block:IndexPage}
  547. </center>
  548. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  549. {block:Video}
  550.  
  551. {block:PermalinkPage}
  552. {caption}
  553. <center><P>
  554. {block:RebloggedFrom}
  555. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {block:NoteCount}{notecountwithlabel}{/block:NoteCount}<br>
  556. <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  557. </center>
  558.  
  559. {/block:PermalinkPage}
  560.  
  561. {block:PostNotes}{PostNotes}
  562. {/block:PostNotes}
  563. </div>
  564.  
  565. {/block:Posts}
  566. </div>
  567. </div>
  568. {block:IndexPage}
  569. {block:Pagination}
  570. <div id="pagination">
  571. {block:NextPage}
  572. <a id="nextPage" href="{NextPage}"> </a>
  573. {/block:NextPage}
  574. {block:PreviousPage}
  575. <a href="{PreviousPage}"> </a>
  576. {/block:PreviousPage}
  577. </div>
  578. {/block:Pagination}
  579. {/block:IndexPage}
  580. </div>
  581.  
  582. </body>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!