API tools faq
paste
trenzalours

Smother - 21

trenzalours
Dec 15th, 2014
1,135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  10. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14.  
  15.  
  16. <!---
  17. ᴅᴏɴᴛ ʙᴇ ᴀ ᴊᴇʀᴋ ﹣ ʙᴇ ᴏʀɪɢɪɴᴀʟ
  18. ʙᴀsᴇᴄᴏᴅᴇ ﹣ ɴᴇᴏɴʙɪᴋᴇᴛʜᴇᴍᴇs
  19. ʙʏ ᴛʀᴇɴᴢᴀᴛʜᴇᴍᴇs/ᴍᴇᴅᴜᴇsᴀ
  20. --->
  21.  
  22. <meta name="image:Background Image" content="http://static.tumblr.com/3dkvxpf/amondaiws/5225969324_033c224445_b.jpg"/>
  23. <meta name="color:Background" content="#ffffff" />
  24. <meta name="color:Post Background" content="#ffffff" />
  25. <meta name="color:Links" content="#000000" />
  26. <meta name="color:Hover" content="#ffffff"/>
  27. <meta name="color:Links hover" content="#a0a0a0" />
  28. <meta name="color:Link text hover" content="#ffffff"/>
  29. <meta name="color:Title" content="#000000" />
  30. <meta name="color:Text" content="#000000" />
  31. <meta name="color:Border" content="#666666" />
  32. <meta name="color:Scrollbar" content="#000000" />
  33. <meta name="color:Gradient 1" content="#eeeeee"/>
  34. <meta name="color:Gradient 2" content="#666666"/>
  35.  
  36. <meta name="if:250px Posts" content="1">
  37. <meta name="if:Grayscale" content="0">
  38. <meta name="if:Hidden Captions" content="0"/>
  39. <meta name="if:Lazy Load" content="0">
  40. <meta name="if:Image Fade" content="1">
  41. <meta name="if:Fade Content" content="0">
  42. <meta name="if:Grayscale" content="0">
  43.  
  44.  
  45. <meta name="select:Background image" content="bg-none" title="None">
  46. <meta name="select:Background image" content="bg-cover" title="Full screen">
  47. <meta name="select:Background image" content="bg-pattern" title="Pattern">
  48. <meta name="select:Background image" content="bg-gradient" title="Gradient">
  49. <meta name="select:Player Color" content="black" title="Black">
  50. <meta name="select:Player Color" content="grey" title="Grey">
  51.  
  52.  
  53. <meta name="text:Link 1 URL" content="" />
  54. <meta name="text:Link 1" content="Link 1" />
  55. <meta name="text:Link 2 URL" content="" />
  56. <meta name="text:Link 2" content="Link 2" />
  57. <meta name="text:Link 3 URL" content="" />
  58. <meta name="text:Link 3" content="Link 3" />
  59. <meta name="text:Link 4 URL" content="" />
  60. <meta name="text:Link 4" content="Link 4" />
  61. <meta name="text:Link 5 URL" content="" />
  62. <meta name="text:Link 5" content="Link 5" />
  63. <meta name="text:Link 6 URL" content="" />
  64. <meta name="text:Link 6" content="Link 6" />
  65. <meta name="text:Link 7 URL" content="" />
  66. <meta name="text:Link 7" content="Link 7" />
  67. <meta name="text:Link 8 URL" content="" />
  68. <meta name="text:Link 8" content="Link 8" />
  69. <meta name="text:Link 9 URL" content="" />
  70. <meta name="text:Link 9" content="Link 9" />
  71. <meta name="text:Link 10 URL" content="" />
  72. <meta name="text:Link 10" content="Link 10" />
  73.  
  74.  
  75. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  76.  
  77. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  78.  
  79. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  80.  
  81. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  84.  
  85.  
  86. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  87.  
  88. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  89. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  90. <script>
  91. (function($){
  92. $(document).ready(function(){
  93. $("a[title]").style_my_tooltips({
  94. tip_follows_cursor:true,
  95. tip_delay_time:90,
  96. tip_fade_speed:600,
  97. attribute:"title"
  98. });
  99. });
  100. })(jQuery);
  101. </script>
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. ::-moz-selection {
  107. background: {color:text};
  108. color: {color:background};
  109. }
  110.  
  111. ::selection {
  112. background: {color:text};
  113. color: {color:background};
  114. }
  115.  
  116. ::-webkit-scrollbar {
  117. width: 4px;
  118. }
  119.  
  120. /* Track */
  121. ::-webkit-scrollbar-track {
  122. background:{color:Post Background};
  123. }
  124.  
  125. /* Handle */
  126. ::-webkit-scrollbar-thumb {
  127. background:{color:Scrollbar};
  128. }
  129. ::-webkit-scrollbar-thumb:window-inactive {
  130. background: transparent;
  131. }
  132.  
  133. /* ------- TOOLTIPS ------ */
  134.  
  135. #s-m-t-tooltip {
  136. max-width:300px;
  137. margin:30px 20px;
  138. padding:5px 10px;
  139. background-color:{color:Post Background};
  140. font-size:10px;
  141. text-transform:uppercase;
  142. border:1px solid {color:border};
  143. color:{color:Text};
  144. font-weight:700;
  145. font-family: 'Quicksand', sans-serif;
  146. z-index:999999999999999999999999999999999999;
  147. }
  148.  
  149. /* -------- BASICS ------- */
  150.  
  151. body {
  152. background:{color:Background};
  153. color: {color:text};
  154. font-family:'consolas'arial,sans-serif;
  155. font-size: 11px;
  156. margin: 0;
  157. padding: 0;
  158. word-wrap: break-word;
  159. line-height:150%;
  160. overflow-x:hidden;
  161. overflow-y:scroll;
  162. }
  163.  
  164. a {
  165. color: {color:links};
  166. text-decoration: none;
  167. -webkit-transition: all .3s;
  168. -moz-transition: all .3s;
  169. -o-transition: all .3s;
  170. -ms-transition: all .3s;
  171. transition: all .3s;
  172. }
  173.  
  174. a:hover{
  175. color:{color:Hover};
  176. -webkit-transition: all .3s;
  177. -moz-transition: all .3s;
  178. -o-transition: all .3s;
  179. -ms-transition: all .3s;
  180. transition: all .3s;
  181. }
  182.  
  183. blockquote {
  184. border-left: 1px solid {color:text};
  185. margin: 10px;
  186. padding-left:25px;
  187. padding-top:3px;
  188. padding-bottom:3px;
  189. }
  190.  
  191. iframe, img, embed, object, video {
  192. max-width: 100%;
  193. }
  194.  
  195. p{
  196. margin-bottom:10px;
  197. }
  198.  
  199. img {
  200. height: auto;
  201. width:auto;
  202. max-width:100%;
  203. }
  204.  
  205. h1{
  206. text-transform:uppercase;
  207. font-size:13px;
  208. }
  209.  
  210. ul{
  211. list-style-type:square;
  212. }
  213.  
  214. ol{
  215. list-style-type:;
  216. }
  217.  
  218. #container{
  219. width:520px;
  220. margin-left:auto;
  221. margin-right:auto;
  222. }
  223.  
  224. .tabcontent {
  225. position:static;
  226. margin-left:auto;
  227. margin-right:auto;
  228. width: 520px;
  229. text-align:center;
  230. margin-bottom:200px;
  231. }
  232.  
  233. #postcontainer {
  234. position:static;
  235. margin-left:auto;
  236. margin-right:auto;
  237. width: 520px;
  238. text-align:center;
  239. margin-bottom:200px;
  240. }
  241.  
  242. .bg-none {
  243. background:{color:background};}
  244.  
  245. .bg-cover {
  246. background: url({image:Background Image})
  247. no-repeat center center fixed;
  248. -webkit-background-size: cover;
  249. -moz-background-size: cover;
  250. -o-background-size: cover;
  251. background-size: cover;}
  252.  
  253. .bg-pattern {
  254. background: url({image:Background Image});
  255. background-repeat:repeat;
  256. background-attachment: fixed; }
  257.  
  258. .bg-gradient {
  259. background: {color:Gradient 1}; /* Old browsers */
  260. background: -moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 100%); /* FF3.6+ */
  261. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient 1}), color-stop(100%,{color:Gradient 2})); /* Chrome,Safari4+ */
  262. background: -webkit-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Chrome10+,Safari5.1+ */
  263. background: -o-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Opera 11.10+ */
  264. background: -ms-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* IE10+ */
  265. background: linear-gradient(to bottom, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* W3C */
  266. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient 1}', endColorstr='{color:Gradient 2}',GradientType=0 ); /* IE6-9 */
  267. background-attachment: fixed;
  268. }
  269.  
  270. /* ----------------------------- HEADER STUFF ---------------------------*/
  271.  
  272. #topbar{
  273. position:static;
  274. margin-top:100px;
  275. margin-bottom:60px;
  276. text-align:center;
  277. background:{color:Post Background};
  278. border:1px solid {color:border};
  279. padding:20px;
  280. }
  281.  
  282. .blogtitle{
  283. padding:10px 0;
  284. margin-bottom:20px;
  285. text-transform:uppercase;
  286. font-size:16px;
  287. letter-spacing:2px;
  288. font-weight:700;
  289. font-family: 'Quicksand', sans-serif;
  290. }
  291.  
  292. .blogtitle a{
  293. color:{color:title};
  294. }
  295.  
  296. .description{
  297. font-size:10px;
  298. text-transform:lowercase;
  299. letter-spacing:1px;
  300. text-align:center;
  301. padding:20px;
  302. margin-bottom:20px;
  303. margin-top:-60px;
  304. opacity:0;
  305. -webkit-transition: all 1s;
  306. -moz-transition: all 1s;
  307. -o-transition: all 1s;
  308. -ms-transition: all 1s;
  309. transition: all 1s;
  310. }
  311.  
  312. #topbar:hover .description{
  313. margin-top:-40px;
  314. opacity:1;
  315. }
  316.  
  317. #askboxs{
  318. position:static;
  319. background:{color:Post Background};
  320. border:1px solid {color:border};
  321. padding:35px;
  322. height:auto;
  323. }
  324.  
  325. .faq{
  326. font-size:9px;
  327. letter-spacing:1px;
  328. text-transform:lowercase;
  329. text-align:left;
  330. color:{color:text};
  331. margin-bottom:20px;
  332. }
  333.  
  334. #navbar{
  335. border-top:1px dotted {color:text};
  336. padding:5px 0;
  337. display:inline-block;
  338. text-align:center;
  339. margin-top:-30px;
  340. }
  341.  
  342. .main-links{
  343. padding:20px;
  344. width:auto;
  345. }
  346.  
  347. .nav-links{
  348. opacity:1;
  349. box-shadow: inset 0 0 0 0 transparent;
  350. -webkit-transition: all ease 1.3s;
  351. -moz-transition: all ease 1.3s;
  352. transition: all ease 1.3s;}
  353.  
  354. .nav-links:hover {
  355. box-shadow: inset 100px 0 0 0 {color:links hover};
  356. opacity:0.8;
  357. }
  358.  
  359. #navigation-links{
  360. position:static;
  361. background:{color:Post Background};
  362. border:1px solid {color:border};
  363. padding:30px;
  364. height:auto;
  365. }
  366. #navigation-links a{color:{color:Links}; border:1px solid {color:border}; padding:13px 15px; line-height:5em; margin-right:2px; margin-left:3px; text-transform:uppercase; font-family: 'Quicksand', sans-serif; font-size:12px; }
  367.  
  368. #updates-con{
  369. width:600px;
  370. float:center;
  371. position:absolute;
  372. margin-top:-206px;
  373. margin-bottom:70px;
  374.  
  375. }
  376.  
  377. .updates{
  378. height:auto;
  379. width:215px;
  380. margin-right:5px;
  381. float:left;
  382. background:{color:Post Background};
  383. border:1px solid {color:border};
  384. padding:20px;
  385. overflow:hidden;
  386. }
  387.  
  388. .updates-title{
  389. margin:0 auto;
  390. margin-bottom:10px;
  391. font-size:12px;
  392. font-weight:700;
  393. text-align:left;
  394. letter-spacing:1px;
  395. text-transform:uppercase;
  396. font-family: 'Quicksand', sans-serif;
  397. border-bottom:1px dotted {color:border};
  398. }
  399.  
  400. .updates-text{
  401. font-size:9px;
  402. letter-spacing:1px;
  403. text-transform:lowercase;
  404. text-align:justify;
  405. color:{color:text};
  406. padding:20px;
  407. }
  408.  
  409. /* ------------------------------ TABS ------------------------------ */
  410.  
  411. .tabs {
  412. width:100%;
  413. margin-left:0px;
  414. display:inline-block;
  415. margin-top:28px;
  416. }
  417.  
  418. /*----- Tab Links -----*/
  419.  
  420. /* Clearfix */
  421. .tab-links:after {
  422. display:block;
  423. clear:both;
  424. content:'';
  425. }
  426.  
  427. .tab-links li {
  428. margin-right:5px;
  429. display:inline-block;
  430. list-style:none;
  431. text-transform:uppercase;
  432. letter-spacing:1px;
  433. font-family: 'Quicksand', sans-serif;
  434. }
  435.  
  436. .tab-links a {
  437. padding:7px;
  438. display:inline-block;
  439. color:{color:links};
  440. transition:all linear 0.15s;
  441. }
  442.  
  443. .tab-links a:hover {
  444. text-decoration:none;
  445. color:{color:Link Text Hover};
  446. }
  447.  
  448. .links {
  449. opacity:1;
  450. box-shadow: inset 0 0 0 0 transparent;
  451. -webkit-transition: all ease 1.3s;
  452. -moz-transition: all ease 1.3s;
  453. transition: all ease 1.3s;}
  454.  
  455. .links:hover {
  456. box-shadow: inset 200px 0 0 0 {color:links hover};
  457. opacity:0.8;
  458. }
  459.  
  460. li.active a, li.active a:hover {
  461. border-bottom:1px dotted {color:text};
  462. color:{color:Links};
  463. -webkit-transition: all .3s;
  464. -moz-transition: all .3s;
  465. -o-transition: all .3s;
  466. -ms-transition: all .3s;
  467. transition: all .3s;
  468. }
  469.  
  470. /*----- Content of Tabs -----*/
  471. .tab-content {
  472. }
  473.  
  474. .tab {
  475. display:none;
  476. }
  477.  
  478. .tab.active {
  479. display:block;
  480. }
  481.  
  482. /* --------------------------- POSTS (articles) --------------------- */
  483.  
  484. article {
  485. padding: 10px;
  486. {block:IndexPage}
  487. {block:ifnot250pxPosts}
  488. width: 400px;
  489. margin-left:20px;
  490. {/block:ifnot250pxPosts}
  491. {block:if250pxPosts}
  492. width: 250px;
  493. margin-left:100px;
  494. {/block:if250pxPosts}
  495. {/block:IndexPage}
  496. {block:PermalinkPage}
  497. width:400px;
  498. margin-left:25px;
  499. {/block:PermalinkPage}
  500. text-align:left;
  501. }
  502.  
  503. .posts {
  504. background:{color:Post Background};
  505. border:1px solid {color:border};
  506. padding:30px 30px 24px;
  507. margin-bottom:85px;
  508. {block:IndexPage}
  509. {block:ifnot250pxPosts}
  510. width: 400px;
  511. {/block:ifnot250pxPosts}
  512. {block:if250pxPosts}
  513. width: 250px;
  514. {/block:if250pxPosts}
  515. {/block:IndexPage}
  516. {block:PermalinkPage}
  517. width:400px;
  518. {/block:PermalinkPage}
  519. -webkit-transition: all 1s ease;
  520. -moz-transition: all 1s ease;
  521. -o-transition: all 1s ease;
  522. -ms-transition: all 1s ease;
  523. transition: all 1s ease;}
  524.  
  525. {block:IfGrayscale}
  526. .posts img{
  527. -webkit-filter: grayscale(100%);
  528. -webkit-transition-duration: 1s;
  529. -moz-transition-duration: 1s;
  530. -o-transition-duration: 1s;
  531. -ms-transition-duration: 1s;
  532. }
  533.  
  534. .posts:hover img{
  535. -webkit-filter: grayscale(0%);
  536. -webkit-transition-duration: 1s;
  537. -moz-transition-duration: 1s;
  538. -o-transition-duration: 1s;
  539. -ms-transition-duration: 1s;
  540. z-index: 2px;
  541. }
  542.  
  543. .html_photoset {
  544. -webkit-filter: grayscale(100%);
  545. -webkit-transition-duration: 1s;
  546. -moz-transition-duration: 1s;
  547. -o-transition-duration: 1s;
  548. -ms-transition-duration: 1s;
  549. }
  550.  
  551. .posts:hover .html_photoset:hover{
  552. -webkit-filter: grayscale(0%);
  553. -webkit-transition-duration: 1s;
  554. -moz-transition-duration: 1s;
  555. -o-transition-duration: 1s;
  556. -ms-transition-duration: 1s;
  557. z-index: 2px;
  558. }
  559. {/block:IfGrayscale}
  560.  
  561. {block:ifImageFade}
  562.  
  563. .posts img{
  564. opacity:0.6;
  565. -webkit-transition-duration: 1s;
  566. -moz-transition-duration: 1s;
  567. -o-transition-duration: 1s;
  568. -ms-transition-duration: 1s;
  569. }
  570.  
  571. .posts:hover img{
  572. opacity:1;
  573. -webkit-transition-duration: 1s;
  574. -moz-transition-duration: 1s;
  575. -o-transition-duration: 1s;
  576. -ms-transition-duration: 1s;
  577. z-index: 2px;
  578. }
  579.  
  580. .html_photoset {
  581. opacity:0.6;
  582. -webkit-transition-duration: 1s;
  583. -moz-transition-duration: 1s;
  584. -o-transition-duration: 1s;
  585. -ms-transition-duration: 1s;
  586. }
  587.  
  588. .posts:hover .html_photoset:hover{
  589. opacity:1;
  590. -webkit-transition-duration: 1s;
  591. -moz-transition-duration: 1s;
  592. -o-transition-duration: 1s;
  593. -ms-transition-duration: 1s;
  594. z-index: 2px;
  595. }
  596. {/block:ifImageFade}
  597.  
  598. @-webkit-keyframes fadeIn { from { opacity:0; }to{ opacity:1; }}
  599. @-moz-keyframes fadeIn { from { opacity:0; }to{ opacity:1; }}
  600. @keyframes fadeIn { from { opacity:0; }to{ opacity:1; }}
  601.  
  602. .fade-in {
  603. opacity:0;
  604. -webkit-animation:fadeIn ease-in 1s;
  605. -moz-animation:fadeIn ease-in 1s;
  606. animation:fadeIn ease-in 1s;
  607. -webkit-animation-fill-mode:forwards;
  608. -moz-animation-fill-mode:forwards;
  609. animation-fill-mode:forwards;
  610. -webkit-animation-duration:1s;
  611. -moz-animation-duration:1s;
  612. animation-duration:1s;
  613. }
  614.  
  615. {block:ifFadeContent}
  616. .fade-in.one {
  617. -webkit-animation-delay: 1s;
  618. -moz-animation-delay: 1s;
  619. animation-delay: 1s;
  620. }
  621. {/block:ifFadeContent}
  622.  
  623.  
  624. /* ---------------------------- POST INFO -----------------------------*/
  625.  
  626.  
  627. .infos {
  628. font-size:9px;
  629. letter-spacing:1px;
  630. text-transform:uppercase;
  631. text-align:left;
  632. color:{color:Text};
  633. background:{color:Post Background};
  634. z-index:0;
  635. position:absolute;
  636. padding:5px 2px;
  637. border-left:1px solid {color:border};
  638. border-right:1px solid {color:border};
  639. border-bottom:1px solid {color:border};
  640. {block:IndexPage}
  641. {block:ifnot250pxPosts}
  642. width:456px;
  643. margin-top:25px;
  644. margin-left:-31px;
  645. {/block:ifnot250pxPosts}
  646. {block:if250pxPosts}
  647. width:306px;
  648. margin-top:25px;
  649. margin-left:-31px;
  650. {/block:if250pxPosts}
  651. {/block:IndexPage}
  652. {block:PermalinkPage}
  653. width:456px;
  654. margin-top:25px;
  655. margin-left:-31px;
  656. {block:PermalinkPage}
  657. }
  658.  
  659. .infos a {
  660. margin:0 5px;
  661. text-decoration:none;
  662. color:{color:Text};}
  663.  
  664. .infos a:hover {color:{color:hover};}
  665.  
  666.  
  667. .tags {
  668. font-style:italic;
  669. margin-top:-16px;
  670. text-align:right;
  671. opacity:0;
  672. -webkit-transition: all 0.8s ease-in-out;
  673. -moz-transition: all 0.8s ease-in-out;
  674. -o-transition: all 0.8s ease-in-out ;
  675. -ms-transition: all 0.8s ease-in-out;
  676. }
  677. .posts:hover .tags{
  678. margin-top:0;
  679. opacity:1;
  680. }
  681.  
  682. /* ---------------------------- POST NOTES ------------------------- */
  683.  
  684. ol.notes {
  685. display:block;
  686. text-align:left;
  687. list-style-type:none;
  688. padding:30px;
  689. background:{color:Post Background};
  690. border:1px solid {color:border};
  691. width:400px;
  692. }
  693.  
  694. ol.notes li.note{
  695. margin-bottom:5px;
  696. list-style:none;
  697. }
  698.  
  699. .pagenotes {
  700. font-size:9px;
  701. text-transform:uppercase;
  702. letter-spacing:1px;
  703. padding:2px;
  704. text-align:center;
  705. margin-top:15px;
  706. color:{color:text};
  707. }
  708.  
  709. ol.notes li.more_notes_link_container {
  710. display: block;
  711. font-family: 'Quicksand', sans-serif;
  712. text-transform:uppercase;
  713. letter-spacing:1px;
  714. text-align:center;
  715. font-weight:700;
  716. margin-top:20px;
  717. padding:7px 1px;
  718. border-bottom:1px dotted {color:text};
  719.  
  720. }
  721.  
  722.  
  723. .pagenotes img{
  724. display:none;
  725. }
  726.  
  727.  
  728. /* -------------------------- POST TYPES -------------------------- */
  729.  
  730. /* CHAT */
  731.  
  732. ul.chat{
  733. list-style:none;
  734. margin-left:-40px;
  735. }
  736.  
  737. .chat span {
  738. float: left;
  739. }
  740.  
  741. /* QUOTES */
  742.  
  743. .quote{
  744. font-size:13px;
  745. line-height:150%;
  746. font-weight:700;
  747. padding:20px 0;
  748. font-family: 'Quicksand', sans-serif;
  749. text-transform:uppercase;
  750. letter-spacing:1px;
  751. text-align:center;
  752. }
  753.  
  754. .quotesource{
  755. text-align:center;
  756. padding:10px 5px;
  757. border-top:1px dotted {color:text};
  758. font-size:9px;
  759. text-transform:uppercase;
  760. letter-spacing:1px;
  761. }
  762.  
  763.  
  764. /* Asks */
  765.  
  766. .ques {
  767. margin-bottom:10px;
  768. font-size:13px;
  769. line-height:150%;
  770. font-weight:700;
  771. padding:20px 0;
  772. font-family: 'Quicksand', sans-serif;
  773. text-transform:uppercase;
  774. letter-spacing:1px;
  775. text-align:center;
  776. }
  777.  
  778. .ques a{
  779. color:{color:Links};
  780. }
  781.  
  782. .who {
  783. font-family: 'Quicksand', sans-serif;
  784. color:{color:text};
  785. text-align:center;
  786. padding:20px 0;
  787. }
  788.  
  789.  
  790. .who a{
  791. color:{color:Links};}
  792.  
  793.  
  794. .answer {
  795. text-align:center;
  796. padding:10px 5px;
  797. border-top:1px dotted {color:text};
  798. font-size:9px;
  799. text-transform:uppercase;
  800. letter-spacing:1px;}
  801. .answer li{
  802. list-style:none;
  803. }
  804. .answer a{
  805. color:{color:Links};
  806. font-style:italic;
  807. }
  808.  
  809.  
  810. /* AUDIO */
  811.  
  812. /*audio*/
  813.  
  814. .tracks{
  815. margin-bottom:1px;
  816. {block:ifnot250pxPosts}
  817. width:222px;
  818. padding:12px;
  819. {/block:ifnot250pxPosts}
  820. {block:if250pxPosts}
  821. width:105px;
  822. padding:9px 4px;
  823. margin-left:5px;
  824. margin-top:2px;
  825. {/block:if250pxPosts}}
  826.  
  827. .player iframe {
  828. width: 30px;
  829. height: 30px;}
  830.  
  831. .black .white,
  832. .black .grey { display: none;}
  833. .white .black,
  834. .white .grey { display: none;}
  835. .grey .white,
  836. .grey .black { display: none;}
  837.  
  838. .black .player_container { background: #000;}
  839. .black .player_wrap { background-color: rgba(0,0,0,0.8); }
  840. .grey .player_container { background: #e4e4e4;}
  841. .grey .player_wrap { background-color: rgba(228, 228, 228, 0.8); }
  842.  
  843. .black .tracks { background: #000; color:white;}
  844. .black .tracks { background-color: rgba(0,0,0,0.8);color:white;}
  845. .grey .tracks { background: #e4e4e4;}
  846. .grey .tracks { background-color: rgba(228, 228, 228, 0.8); }
  847.  
  848. .audio {
  849. position: relative;
  850. margin-bottom:20px;
  851. margin-top:10px;
  852. margin-left:10px;
  853. }
  854.  
  855. .player-art {
  856. position: relative;
  857. vertical-align: top;
  858. margin-left:5px;
  859. width: 112px;
  860. height: 112px;
  861. {block:ifnot250pxPosts}
  862. margin-top:16px;
  863. {/block:ifnot250pxPosts}
  864. {block:if250pxPosts}
  865. margin-top:13px;
  866. {/block:if250pxPosts}
  867. }
  868. .player-art img { width: 112px; }
  869.  
  870. img.album { position: absolute; z-index: 2;}
  871. img.default { position: absolute; z-index: 1; }
  872.  
  873.  
  874. .player-wrap {
  875. position: relative;
  876. width: 95px;
  877. display: inline-block;
  878. left: 0;
  879. }
  880.  
  881. ol.audioinfo {
  882. list-style-type: none;
  883. width: auto;
  884. margin-left:10px;
  885. margin-top:4px;
  886. padding:0;
  887. z-index: 10;
  888. position: relative;
  889. display: inline-block;
  890. vertical-align: top;
  891. line-height: 1.38em;
  892. text-transform:uppercase;
  893. font-size:9px;
  894. letter-spacing:1px;
  895. }
  896.  
  897.  
  898. .player {
  899. width: 30px; height: 30px;
  900. overflow: hidden;
  901. margin: -14px 0 0 -14px;
  902. padding: 0px;
  903. position: absolute;
  904. top: 50%;
  905. left: 50%;
  906. }
  907. .player_container {
  908. z-index: 11;
  909. opacity: 0.3; filter: alpha(opacity=30);
  910. -webkit-transition: all 0.8s ease-in-out;
  911. -moz-transition: all 0.8s ease-in-out;
  912. -o-transition: all 0.8s ease-in-out ;
  913. -ms-transition: all 0.8s ease-in-out;
  914. }
  915. .player_wrap {
  916. z-index: 9;
  917. -webkit-transition: all 0.8s ease-in-out;
  918. -moz-transition: all 0.8s ease-in-out;
  919. -o-transition: all 0.8s ease-in-out ;
  920. -ms-transition: all 0.8s ease-in-out; }
  921.  
  922. .player_container, .player_wrap {
  923. position: absolute;
  924. top: 50%;
  925. left: 50%;
  926. width: 50px; height: 50px;
  927. margin-top: -20px;
  928. margin-left: -13px;
  929. -moz-border-radius:50px;
  930. -webkit-border-radius:50px;
  931. border-radius: 50px; }
  932.  
  933. .player_container:hover{
  934. opacity:1;
  935. -webkit-transition: all 0.8s ease-in-out;
  936. -moz-transition: all 0.8s ease-in-out;
  937. -o-transition: all 0.8s ease-in-out ;
  938. -ms-transition: all 0.8s ease-in-out;
  939. }
  940.  
  941.  
  942. /* ------------------------- PAGINATION ------------------------- */
  943.  
  944. #pagination{
  945. position:static;
  946. margin-top:30px;
  947. text-align:center;
  948. }
  949.  
  950. .pagibutton{
  951. font-family: 'Quicksand', sans-serif;
  952. font-weight:700;
  953. text-transform:uppercase;
  954. letter-spacing:1px;
  955. position:relative;
  956. display:inline-block;
  957. padding:15px;
  958. background:{color:Post Background};
  959. border:1px solid {color:border};
  960. }
  961.  
  962. #tumblrcontrols{
  963. position:fixed;
  964. top:3px;
  965. right:3px;
  966. word-spacing:2px;
  967. z-index:1;
  968. }
  969.  
  970.  
  971. #tumblrcontrols{
  972. letter-spacing:1px;
  973. font-size:9px;
  974. text-transform:uppercase;
  975. padding:15px 17px;
  976. position:fixed;
  977. opacity:1;
  978. z-index:1;
  979. -webkit-transition: all 1.6s ease-in;
  980. -moz-transition: all 1.6s ease-in;
  981. -o-transition: all 1.6s ease-in;
  982. -ms-transition: all 1.6s ease-in;
  983. transition: all 1.6s ease-in;
  984. }
  985.  
  986. #tumblrcontrols a{
  987. text-decoration:none;
  988. padding:10px 16px;
  989. background:{color:Post Background};
  990. border:1px solid {color:border};
  991. margin-left:3px;
  992. color:{color:Links};
  993. background:{color:Post Background};
  994. }
  995.  
  996.  
  997. .control-link {
  998. cursor:crosshair;
  999. box-shadow: inset 0 0 0 0 transparent;
  1000. -webkit-transition: all ease 1.3s;
  1001. -moz-transition: all ease 1.3s;
  1002. transition: all ease 1.3s;
  1003. }
  1004. .control-link:hover {
  1005. box-shadow: inset 90px 0 0 0 {color:Links Hover};
  1006. }
  1007.  
  1008. #tumblrcontrols a:hover{
  1009. text-decoration:none;
  1010. color:{color:Link Text Hover};
  1011.  
  1012. }
  1013.  
  1014. {block:IndexPage}
  1015. #tumblr_controls {display:none;}
  1016. {/block:IndexPage}
  1017.  
  1018. {block:PermalinkPage}
  1019. #tumblrcontrols{
  1020. display:none;}
  1021. iframe#tumblr_controls {
  1022. top:10px;
  1023. position: relative !important;
  1024. right:20px !important;
  1025. -moz-transition: all 1s ease-out;
  1026. -webkit-transition: opacity 0.7s linear;
  1027. -webkit-transition: all 1s ease-out;
  1028. transition: all 1s ease-out;
  1029. opacity: 0.4;}
  1030.  
  1031. iframe#tumblr_controls:hover {
  1032. -webkit-transition: opacity 0.7s linear;
  1033. -moz-transition: all 0.4s ease-out;
  1034. -webkit-transition: all 0.4s ease-out;
  1035. transition: all 0.4s ease-out;
  1036. opacity:.7;}
  1037. {/block:PermalinkPage}
  1038.  
  1039. /*Credit*/
  1040. #creds {
  1041. position:fixed;
  1042. float:left;
  1043. text-transform:uppercase;
  1044. z-index:1;
  1045. bottom:18px;
  1046. left:16px;
  1047. -webkit-transition: all 1s ease;
  1048. -moz-transition: all 1s ease;
  1049. -o-transition: all 1s ease;
  1050. -ms-transition: all 1s ease;
  1051. transition: all 1s ease;
  1052. }
  1053. #creds a{
  1054. font-size:6px;
  1055. color:{color:Links};
  1056. padding:7px;
  1057. width:3px;
  1058. height:10px;
  1059. letter-spacing:-1px;
  1060. border:1px solid {color:border};
  1061. background:{color:Post Background};
  1062. -webkit-transition: all .7s ease;
  1063. -moz-transition: all .7s ease;
  1064. -o-transition: all .7s ease;
  1065. -ms-transition: all .7s ease;
  1066. transition: all .7s ease;}
  1067.  
  1068.  
  1069. #creds a:hover {
  1070. text-decoration:none;
  1071. color:{color:Links Hover Text};
  1072. background:{color:Links Hover};
  1073. letter-spacing:1px;
  1074. padding:10px;
  1075. font-size:9px;
  1076. -webkit-transition: all .7s ease;
  1077. -moz-transition: all .7s ease;
  1078. -o-transition: all .7s ease;
  1079. -ms-transition: all .7s ease;
  1080. transition: all .7s ease;}
  1081.  
  1082. /* --------------------------- Custom CSS -------------------------- */
  1083. {CustomCSS}
  1084. </style>
  1085. </head>
  1086. <body class="{select:Background image}">
  1087. <div id="container" class="box fade-in one">
  1088.  
  1089. <div id="tumblrcontrols" class="box fade-in one">
  1090. <a href="http://www.tumblr.com/follow/{Name}"class="control-link">follow</a>
  1091. <a href="http://www.tumblr.com/dashboard"class="control-link">dashboard</a>
  1092. </div>
  1093.  
  1094. <!--TOPBAR-->
  1095.  
  1096. <div id="topbar">
  1097.  
  1098. <div class="blogtitle">
  1099. <a href="/">{Title}</a>
  1100. </div>
  1101.  
  1102. <div class="description"><br>
  1103. {description}
  1104.  
  1105. </div>
  1106.  
  1107. <div id="navbar">
  1108. <div class="tabs">
  1109. <ul class="tab-links">
  1110. <li class="active" style="margin-left:-30px">
  1111. <a href="#tab1">index</a></li>
  1112. <li class="links"><a href="#tab2">message</a></li>
  1113. <li class="links"><a href="#tab3">navigation</a></li>
  1114. <li class="links"><a href="#tab4">More</a></li>
  1115. </ul>
  1116. </div>
  1117. </div>
  1118.  
  1119. </div>
  1120.  
  1121.  
  1122. <!-- --------------------------- TABS -------------------------- -->
  1123.  
  1124.  
  1125. <div class="tabs">
  1126.  
  1127.  
  1128. <!-- --------------------------- TAB 1 -------------------------- -->
  1129.  
  1130. <div class="tab-content">
  1131. <div id="tab1" class="tab active">
  1132.  
  1133. <div id="postcontainer">
  1134.  
  1135. {block:Posts}
  1136. <article>
  1137. <div class="posts">
  1138. <!--TEXT POST-->
  1139. {block:Text}
  1140. {block:Title}
  1141. <h1 class="title">
  1142. <a href="{Permalink}">{Title}</a></h1>
  1143. {/block:Title}
  1144. {Body}
  1145. {/block:Text}
  1146.  
  1147.  
  1148. <!--PHOTO POST-->
  1149. {block:Photo}
  1150. {block:IndexPage}
  1151. {LinkOpenTag}
  1152. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  1153. {LinkCloseTag}
  1154. {/block:IndexPage}
  1155. {block:PermalinkPage}
  1156. {LinkOpenTag}
  1157. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  1158. {LinkCloseTag}{/block:PermalinkPage}
  1159.  
  1160. {block:IfHiddenCaptions}
  1161. {block:PermalinkPage}
  1162. {block:Caption}
  1163. <div class="caption">{Caption}</div>
  1164. {/block:Caption}
  1165. {/block:PermalinkPage}
  1166. {/block:IfHiddenCaptions}
  1167. {block:IfnotHiddenCaptions}
  1168. {block:Caption}
  1169. <div class="caption">{Caption}</div>
  1170. {/block:Caption}
  1171. {/block:IfnotHiddenCaptions}
  1172. {/block:Photo}
  1173.  
  1174.  
  1175. <!--PHOTOSET POST-->
  1176. {block:Photoset}
  1177. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  1178. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  1179.  
  1180. {block:IfHiddenCaptions}
  1181. {block:PermalinkPage}
  1182. {block:Caption}
  1183. <div class="caption">{Caption}</div>
  1184. {/block:Caption}
  1185. {/block:PermalinkPage}
  1186. {/block:IfHiddenCaptions}
  1187. {block:IfnotHiddenCaptions}
  1188. {block:Caption}
  1189. <div class="caption">{Caption}</div>
  1190. {/block:Caption}
  1191. {/block:IfnotHiddenCaptions}
  1192. {/block:Photoset}
  1193.  
  1194.  
  1195. <!--QUOTE POST-->
  1196. {block:Quote}
  1197. <div class="quote">{Quote}</div>
  1198. {block:Source}
  1199. <div class="quotesource">{Source}</div>
  1200. {/block:Source}
  1201. {/block:Quote}
  1202.  
  1203.  
  1204. <!--LINK POST-->
  1205. {block:Link}
  1206. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1207. {block:Description}{Description}{/block:Description}
  1208. {/block:Link}
  1209.  
  1210.  
  1211. <!--CHAT POST-->
  1212. {block:Chat}
  1213. <ul class="chat">
  1214. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  1215. </ul>
  1216. {/block:Chat}
  1217.  
  1218.  
  1219. <!--AUDIO POST-->
  1220. {block:Audio}
  1221. <div class="audio">
  1222. <div class="player-wrap {select:Player Color}">
  1223. <div class="player-art">
  1224. {block:AlbumArt}
  1225. <img class="album" src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1226. {/block:AlbumArt}
  1227. <img class="default" src="http://static.tumblr.com/3dkvxpf/Pj9nbm5vp/default_cover_m.jpg" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}"/>
  1228. </div>
  1229.  
  1230.  
  1231. <div class="player_wrap {select:Avatar Shape}"></div>
  1232. <div class="player_container {select:Avatar Shape}">
  1233. <div class="player">
  1234. <div class="black">{AudioPlayerBlack}</div>
  1235. <div class="white">{AudioPlayerWhite}</div>
  1236. <div class="grey">{AudioPlayerGrey}</div>
  1237. </div>
  1238. </div>
  1239. </div>
  1240. <ol class="audioinfo">
  1241. <div class="tracks {select:Player Color}">
  1242. <li class="tracks">{block:TrackName} {TrackName}{/block:TrackName}</li>
  1243. <li class="tracks">{block:Artist} {Artist}{/block:Artist} </li>
  1244. <li class="tracks">{block:Album} {Album}{/block:Album}</li>
  1245. </ol>
  1246.  
  1247. </div>
  1248. {/block:Audio}
  1249.  
  1250.  
  1251. <!--VIDEO POST-->
  1252. {block:Video}
  1253. <div class="video">
  1254. <div class="video-player">{Video-400}</div>
  1255. </div>
  1256. {block:IfHiddenCaptions}
  1257. {block:PermalinkPage}
  1258. {block:Caption}
  1259. <div class="caption">{Caption}</div>
  1260. {/block:Caption}
  1261. {/block:PermalinkPage}
  1262. {/block:IfHiddenCaptions}
  1263. {block:IfnotHiddenCaptions}
  1264. {block:Caption}
  1265. <div class="caption">{Caption}</div>
  1266. {/block:Caption}
  1267. {/block:IfnotHiddenCaptions}
  1268.  
  1269. {/block:Video}
  1270.  
  1271.  
  1272. <!--ANSWER POST-->
  1273. {block:Answer}
  1274. <div class="ques">
  1275. <div class="who" ><b>{Asker}</b> - {Question}</div>
  1276. <div class="answer">{Answer}</div>
  1277. </div>
  1278. {/block:Answer}
  1279.  
  1280.  
  1281. <!--POST INFORMATION-->
  1282. {block:Date}
  1283. <div class="infos">
  1284. <a href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">-{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1285. </div>
  1286. {/block:Date}
  1287.  
  1288. </div>
  1289.  
  1290. <!--POST NOTES-->
  1291. {block:PostNotes}
  1292. <div class="pagenotes">{PostNotes-16}</div>
  1293. {/block:PostNotes}
  1294.  
  1295. </article>
  1296. {/block:Posts}
  1297. <!--Close of article-->
  1298.  
  1299.  
  1300. <!--PAGINATION-->
  1301. {block:Pagination}
  1302. <div class="pagination">
  1303. {block:PreviousPage}
  1304. <a href="{PreviousPage}">
  1305. <div class="pagibutton">Previous</div></a>
  1306. {/block:PreviousPage}
  1307. {block:NextPage}
  1308. <a href="{NextPage}">
  1309. <div class="pagibutton">Next</div></a>
  1310. {/block:NextPage}
  1311. </div>
  1312. {/block:Pagination}
  1313.  
  1314. {block:ContentSource}
  1315. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1316. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1317. {/block:SourceLogo}
  1318. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1319. {/block:ContentSource}
  1320.  
  1321. {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}
  1322.  
  1323. </div>
  1324. </div>
  1325.  
  1326. <!-- -------------------------- TAB 2 -------------------------- -->
  1327.  
  1328. <div id="tab2" class="tab">
  1329. <div class="tabcontent">
  1330. <div id="askboxs">
  1331. <div class="updates-title">message</div>
  1332. <div class="faq">
  1333. Type your FAQ here!
  1334. </div>
  1335. <iframe frameborder="0" height="200" id="ask_form" class="asks" scrolling="none" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"> </iframe>
  1336. </div>
  1337. </div>
  1338. </div>
  1339.  
  1340.  
  1341. <!-- -------------------------- TAB 3 -------------------------- -->
  1342.  
  1343. <div id="tab3" class="tab">
  1344. <div class="tabcontent">
  1345.  
  1346. <div id="navigation-links">
  1347. <div class="updates-title">navigation</div>
  1348. <div class="main-links">
  1349. <a class="nav-links" href="{text:Link 1 URL}">{text:Link 1}</a>
  1350. <a class="nav-links" href="{text:Link 2 URL}">{text:Link 2}</a>
  1351. <a class="nav-links" href="{text:Link 3 URL}">{text:Link 3}</a>
  1352. <a class="nav-links" href="{text:Link 4 URL}">{text:Link 4}</a>
  1353. <a class="nav-links" href="{text:Link 5 URL}">{text:Link 5}</a>
  1354. <a class="nav-links" href="{text:Link 6 URL}">{text:Link 6}</a>
  1355. <a class="nav-links" href="{text:Link 7 URL}">{text:Link 7}</a>
  1356. <a class="nav-links" href="{text:Link 8 URL}">{text:Link 8}</a>
  1357. <a class="nav-links" href="{text:Link 9 URL}">{text:Link 9}</a>
  1358. <a class="nav-links" href="{text:Link 10 URL}">{text:Link 10}</a>
  1359. </div>
  1360. </div>
  1361. </div>
  1362. </div>
  1363.  
  1364.  
  1365. <!-- -------------------------- TAB 4 -------------------------- -->
  1366.  
  1367. <div id="tab4" class="tab">
  1368. <div class="tabcontent">
  1369. <div id="updates-con">
  1370. <div class="updates">
  1371. <div class="updates-text">
  1372. <div class="updates-title">title</div>
  1373. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar erat et euismod commodo. Proin varius efficitur massa, at tempus mauris fermentum quis. Curabitur sollicitudin, sem vel iaculis viverra, tortor lectus elementum quam, facilisis interdum sem sem ac ante. Maecenas vehicula turpis sapien, eget aliquet eros dignissim eget. Proin mattis porttitor blandit.
  1374. </div>
  1375. </div>
  1376.  
  1377. <div class="updates">
  1378. <div class="updates-text">
  1379. <div class="updates-title">title</div>
  1380. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pulvinar erat et euismod commodo. Proin varius efficitur massa, at tempus mauris fermentum quis. Curabitur sollicitudin, sem vel iaculis viverra, tortor lectus elementum quam, facilisis interdum sem sem ac ante. Maecenas vehicula turpis sapien, eget aliquet eros dignissim eget. Proin mattis porttitor blandit.
  1381. </div>
  1382. </div>
  1383.  
  1384. </div>
  1385. </div>
  1386. </div>
  1387.  
  1388.  
  1389. <!-- END OF TABS -->
  1390. </div>
  1391. </div>
  1392. </div>
  1393. </div>
  1394. </div>
  1395.  
  1396.  
  1397. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  1398.  
  1399. <script>
  1400. $(document).ready(function() {
  1401. $('.tabs .tab-links a').on('click', function(e) {
  1402. var currentAttrValue = $(this).attr('href');
  1403.  
  1404. // Show/Hide Tabs
  1405. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  1406.  
  1407. // Change/remove current tab to active
  1408. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1409.  
  1410. e.preventDefault();
  1411. });
  1412. });
  1413. </script>
  1414.  
  1415. <script>
  1416. $(document).ready(function() {
  1417. $('#filterOptions li a').click(function() {
  1418. // fetch the class of the clicked item
  1419. var ourClass = $(this).attr('class');
  1420.  
  1421. // reset the active class on all the buttons
  1422. $('#filterOptions li').removeClass('active');
  1423. // update the active state on our clicked button
  1424. $(this).parent().addClass('active');
  1425.  
  1426. if(ourClass == 'all') {
  1427. // show all our items
  1428. $('#ourHolder').children('div.item').show();
  1429. }
  1430. else {
  1431. // hide all elements that don't share ourClass
  1432. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1433. // show all elements that do share ourClass
  1434. $('#ourHolder').children('div.' + ourClass).show();
  1435. }
  1436. return false;
  1437. });
  1438. });
  1439. </script>
  1440.  
  1441.  
  1442. {block:ifLazyLoad}
  1443. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1444. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1445. <script type="text/javascript" charset="utf-8">
  1446. var $j = jQuery.noConflict();
  1447. $j(function() {
  1448. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1449. $j("img").lazyload({
  1450. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1451. effect: "fadeIn",
  1452. });
  1453. });
  1454. </script>
  1455. {/block:ifLazyLoad}
  1456.  
  1457. <div id="creds"><a class="control-link" title="960px" href="http://960px.tumblr.com/">TT</a></div>
  1458.  
  1459. </body>
  1460. </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!