API tools faq
paste
Advertisement
Guest User

YOURENOSAINT: La Tiffany

a guest
Feb 12th, 2015
3,070
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.41 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3.  
  4.  
  5. <head>
  6.  
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="https://33.media.tumblr.com/3fbba8b9c2f9559faaf98b28b77ec087/tumblr_niqal6wytT1rmg6goo1_75sq.gif" type="image/gif" />
  9.  
  10.  
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<ta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14.  
  15. <meta name="image:sidebar image" content="http://36.media.tumblr.com/4d84025ef08ba44e9ad4f73172dd58ba/tumblr_mtsla665ry1qj6yu8o1_250.jpg" />
  16.  
  17. <meta name="if:show notes" content="0"/>
  18. <meta name="if:faded images" content="0"/>
  19. <meta name="if:faded images on hover" content="0"/>
  20. <meta name="if:sidebar to the right" content="0"/>
  21. <meta name="if:description" content="1"/>
  22. <meta name="if:quote at top" content="1"/>
  23. <meta name="if:update tab" content="0" />
  24. <meta name="text:quote" content="forever is not enough" />
  25.  
  26.  
  27. <meta name="color:topbar" content="#ffffff" />
  28. <meta name="color:topbar text" content="#000" />
  29.  
  30. <meta name="color:background" content="#ffffff" />
  31. <meta name="color:scrollbar" content="#56bc8a" />
  32. <meta name="color:sidebar background" content="#ffffff" />
  33. <meta name="color:ask background" content="#f6f6f6" />
  34. <meta name="color:text" content="#000" />
  35. <meta name="color:links" content="#000" />
  36. <meta name="color:links hover" content="#56bc8a" />
  37. <meta name="color:links background" content="#56bc8a" />
  38. <meta name="color:links background hover" content="#eee" />
  39. <meta name="color:borders" content="#ccc" />
  40.  
  41. <meta name="select:border type" content="dotted" title="dotted">
  42. <meta name="select:border type" content="solid" title="solid">
  43. <meta name="select:border type" content="dashed" title="dashed">
  44. <meta name="select:border type" content="none" title="none">
  45.  
  46. {block:IfUpdatetab}
  47. <meta name="color:tab background" content="#ffffff" />
  48. <meta name="text:tab title" content="tab title" />
  49. <meta name="text:tab text 1" content="tab text 1 will come here" />
  50. <meta name="text:tab text 2" content="tab text 2 will come here" />
  51. <meta name="text:tab text 3" content="tab text 3 will come here" />
  52. {/block:IfUpdatetab}
  53.  
  54. <meta name="text:link 1 title" content="" />
  55. <meta name="text:link 1 url" content="" />
  56.  
  57. <meta name="text:link 2 title" content="" />
  58. <meta name="text:link 2 url" content="" />
  59.  
  60. <meta name="text:link 3 title" content="" />
  61. <meta name="text:link 3 url" content="" />
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. #tumblr_controls{
  67. top: 1px !important;
  68. margin: 0 0 0 0;
  69. right: 6px !important;
  70. position: fixed !important;
  71. -webkit-filter: invert(100%) ;important;
  72. opacity:0.8;
  73. }
  74.  
  75. ::-webkit-scrollbar-thumb{
  76. width:8px;
  77. background-color: {color:scrollbar};
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. width:8px;
  82. background-color: {color:background};
  83. }
  84.  
  85. ::selection {
  86. background: {color:scrollbar};
  87. color: {color:text};
  88. }
  89.  
  90. ::-moz-selection {
  91. background: {color:scrollbar};
  92. color: {color:text};
  93. }
  94.  
  95. ::-webkit-selection {
  96. background: {color:scrollbar};
  97. color: {color:text};
  98. }
  99.  
  100. body {
  101. color:{color:text};
  102. letter-spacing: 1px;
  103. background-attachment: fixed;
  104. background-color: {color:background};
  105. font-family:calibri;
  106. font-weight: 400;
  107. font-size:11px;
  108.  
  109.  
  110. }
  111. #posts {
  112. background-color:transparent;
  113. position: absolute;
  114. left: 50%;
  115. margin-left:-325px;
  116. width: 650px;
  117. padding-top:30px;
  118.  
  119. }
  120. .entry {
  121. padding:20px;
  122. letter-spacing: 1px;
  123. background-color:{color:background};
  124. width:250px;
  125. float:left;
  126. margin:15px;
  127. border: 1px {select:border type} {color:background};
  128. {block:PermalinkPage}
  129. width:500px;
  130. {/block:PermalinkPage}
  131. }
  132.  
  133. .entry img {
  134. max-width:100%;
  135. transition: all .4s ease-in-out;
  136. {block:IfFadedImages}
  137. opacity:0.8;
  138. {/block:IfFadedImages}
  139. }
  140.  
  141. .entry img:hover {
  142. transition: all .4s ease-in-out;
  143. {block:IfFadedImagesOnHover}
  144. opacity:0.7;
  145. {/block:IfFadedImagesOnHover}
  146. }
  147.  
  148. #entries {
  149. background-color:{color:background};
  150. height: auto;
  151. border:1px {select:border type} {color:borders};
  152. padding:20px;
  153.  
  154. }
  155. #description{
  156. width:120px;
  157. position:fixed;
  158. padding:20px;
  159. background-color:{color:sidebar background};
  160. top:130px;
  161. letter-spacing: 1px;
  162. margin-left: -200px;
  163. font-size:9px;
  164. opacity: 1;
  165. z-index:99999;
  166. text-align:center;
  167. font-family:calibri;
  168. border: 1px {select:border type} {color:borders};
  169. {block:IfSidebartotheright}
  170. margin-left:680px;
  171. {/block:IfSidebartotheright}
  172. }
  173.  
  174. #topbarok {
  175. width:100%;
  176. background-color:{color:topbar};
  177. border-bottom: 1px {select:border type} {color:borders};
  178. padding:10px;
  179. margin-left:-10px;
  180. margin-top:-10px;
  181. position:fixed;
  182. z-index:10001;
  183. color:{color:topbar text};
  184. }
  185. .overfront {
  186. width:162px;
  187. background-color: {color:links background};
  188. color: #fff;
  189. font-family:calibri;
  190. text-transform:uppercase
  191. font-size:30px;
  192. margin:0px;
  193. margin-left:-22px;
  194. margin-top:35px;
  195. position:fixed;
  196. z-index:10001;
  197. word-spacing:5px;
  198.  
  199. }
  200. .overfront a:link, .overfront a:visited, .overfront a:active {
  201. color:#fff;
  202. padding:6px;
  203. line-height:29px;
  204. padding-top:10px;
  205. padding-bottom:10px;
  206. transition: all .4s ease-in-out;
  207.  
  208. }
  209. .overfront a:hover {
  210. background-color: {color:links background hover};
  211. color:{color:links background};
  212. line-height:29px;
  213. padding-top:9px;
  214. padding-bottom:9px;
  215. transition: all .4s ease-in-out;
  216.  
  217. }
  218. blockquote {
  219. border-left: 2px solid {color:borders};
  220. margin-left: 5px;
  221. padding-left: 10px;
  222.  
  223. }
  224. a {
  225. color:{color:links};
  226. text-decoration: none;
  227. transition: all .4s ease-in-out;
  228.  
  229. }
  230. a:hover {
  231. text-decoration: none;
  232. color: {color:links hover};
  233. transition: all .4s ease-in-out;
  234.  
  235. }
  236. .cover {
  237. position: relative; z-index: 1;
  238.  
  239. }
  240. .playbutton {
  241. width: 20px;
  242. height: 30px;
  243. overflow: hidden;
  244. position: relative;
  245. z-index: 1000;
  246. margin: 15px 24px 13px 16px;
  247. }
  248.  
  249. #linkcircle{
  250. background-color: {color:links background};
  251. width: 12px;
  252. height:12px;
  253. margin-top: -43px;
  254. margin-left:118px;
  255. position:fixed;
  256. overflow:hidden;
  257. border:1px solid {color:links background};
  258. border-radius: 100%;
  259.  
  260. }
  261. #linkcircle2{
  262. background-color: {color:links background};
  263. width: 12px;
  264. height:12px;
  265. margin-top: -43px;
  266. margin-left:98px;
  267. position:fixed;
  268. overflow:hidden;
  269. border:1px solid {color:links background};
  270. border-radius: 100%;
  271.  
  272. }
  273. #linkcircle3{
  274. background-color: {color:links background};
  275. width: 12px;
  276. height:12px;
  277. margin-top: -43px;
  278. margin-left: 78px;
  279. position:fixed;
  280. overflow:hidden;
  281. border:1px solid {color:links background};
  282. border-radius: 100%;
  283.  
  284. }
  285. #linkcircle:hover, #linkcircle2:hover, #linkcircle3:hover{
  286. background-color:{color:links background hover};
  287. position:fixed;
  288. overflow:hidden;
  289. border:1px solid {color:borders};
  290. -webkit-transition: all 0.5s ease-in-out;
  291. -moz-transition: all 0.5s ease-in-out;
  292. -o-transition: all 0.5s ease-in-out;
  293.  
  294. }
  295. #linkcircle:hover a, #linkcircle2:hover a, #linkcircle3:hover a {
  296. -webkit-transition: all 0.5s ease-in-out;
  297. -moz-transition: all 0.5s ease-in-out;
  298. -o-transition: all 0.5s ease-in-out;
  299.  
  300.  
  301. }
  302. #linkcircle a, #linkcircle2 a, #linkcircle3 a {
  303. color:{color:links background};
  304.  
  305. }
  306. .playbox {
  307. background-color: #000;
  308. position: absolute;
  309. z-index: 1000;
  310. margin-top: 100px;
  311. margin-left: 100px;
  312.  
  313. }
  314. .chat a:hover {
  315. color: #000;
  316.  
  317. }
  318. .chat ul {
  319. list-style: none;
  320. margin: 0;
  321. padding: 0;
  322.  
  323. }
  324. .chat li {
  325. border-radius: 0.2em;
  326. border: 1px solid rgba(0, 0, 0, 0.05);
  327. box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  328. margin-bottom: 2%;
  329. padding: 2%;
  330. width: 50%;
  331.  
  332. }
  333. .chat .odd {
  334. float: left;
  335. background: {color:borders};
  336.  
  337. }
  338. .chat .even {
  339. float: right;
  340. background: {color:links background};
  341.  
  342. }
  343. #s-m-t-tooltip {
  344. max-width:250px;
  345. z-index:999999;
  346. margin:10px;
  347. text-align:center;
  348. padding:5px 5px;
  349. text-transform:lowercase; /* can be lowercase or none */
  350. border:1px solid {color:borders}; /* change the border width and color */
  351. background:#fff; /* change the background color */
  352. color:#000; /* change the text color */
  353. font-size:9px; /* change the font size */
  354.  
  355. }
  356.  
  357. .catchme2{
  358. background-color:{color:background};
  359. position:absolute;
  360. margin-left: 0px;
  361. z-index:999;
  362. text-transform:uppercase;
  363. color: #fff;
  364. padding: 5px;
  365. width:auto;
  366. bottom:10px;
  367. padding-left:10px;
  368. padding-right:10px;
  369. margin-top:9px;
  370. color: #c7c7c7;
  371. font-size: 10px;
  372. font-family:calibri;
  373. text-align: right;
  374. }
  375.  
  376. .catchme{
  377. background-color:{color:background};
  378. position:absolute;
  379. margin-left: 150px;
  380. z-index:999;
  381. text-transform:uppercase;
  382. color: #fff;
  383. padding: 5px;
  384. width:auto;
  385. top:0px;
  386. padding-left:10px;
  387. padding-right:10px;
  388. margin-top:9px;
  389. font-size: 10px;
  390. font-family:calibri;
  391. color: #c7c7c7;
  392. text-align: right;
  393. }
  394.  
  395. .catchme a, .catchme2 a{
  396. color: {color:borders};
  397. transition: all .4s ease-in-out;
  398.  
  399. }
  400. .catchme a:hover, .catchme2 a:hover {
  401. color:{color:links hover};
  402. transition: all .4s ease-in-out;
  403.  
  404. }
  405. #navselect {
  406. font-family:georgia;
  407. color: #000;
  408. font-size:10px;
  409. background-color:#ffffff;
  410. width:100%;
  411. opacity: 1;
  412.  
  413. }
  414. .answer_content {
  415. font-weight: normal;
  416.  
  417. }
  418. .ans a { color:#000; }
  419. .ask { text-align:left; min-height:64px; }
  420.  
  421. .askie {
  422. background:{color:ask background};
  423. width:140px;
  424. padding:10px;
  425. margin-left:48px;
  426. border:1px {select:border type} {color:borders};
  427.  
  428. }
  429. .askimg img {
  430. float:left;
  431. position:absolute;
  432. width:40px;
  433. margin-left:-5px;
  434. border-radius:50%;
  435. border:1px solid {color:borders};
  436.  
  437. }
  438. h8 {
  439. text-align: center;
  440.  
  441. }
  442. .answer{
  443. text-align:left;
  444.  
  445.  
  446. }
  447.  
  448. #infscr-loading{
  449. bottom: -70px;
  450. position: absolute;
  451. left: 50%;
  452. margin-left:-8px;
  453. width:16px;
  454. height:11px;
  455. overflow:hidden;
  456. margin-bottom: 50px;
  457. }
  458. @font-face {
  459. font-family:titulo;
  460. src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');
  461.  
  462. }
  463.  
  464.  
  465. {CustomCSS]</style>
  466.  
  467. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  468. <script>
  469. (function($){
  470. $(document).ready(function(){
  471. $("[title],a[title],img[title]").style_my_tooltips({
  472. tip_follows_cursor:true,
  473. tip_delay_time:100,
  474. tip_fade_speed:300,
  475. attribute:"title"
  476. });
  477. });
  478. })(jQuery);
  479. </script>
  480.  
  481. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  482.  
  483. {block:IndexPage}
  484. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  485. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  486.  
  487. <script type="text/javascript">
  488. $(window).load(function () {
  489. var $content = $('#posts');
  490. $content.masonry({itemSelector: '.entry'}),
  491. $content.infinitescroll({
  492. navSelector : 'div#pagination',
  493. nextSelector : 'div#pagination a#nextPage',
  494. itemSelector : '.entry',
  495. loading: {
  496. finishedMsg: '',
  497. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  498. },
  499. bufferPx : 600,
  500. debug : false,
  501. },
  502. // call masonry as a callback.
  503. function( newElements ) {
  504. var $newElems = $( newElements );
  505. $newElems.hide();
  506. // ensure that images load before adding to masonry layout
  507. $newElems.imagesLoaded(function(){
  508. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  509.  
  510.  
  511. });
  512. });
  513. });
  514. </script>
  515.  
  516. {/block:IndexPage}
  517.  
  518. <style type="text/css">
  519. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:#000;color:black}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  520. </style>
  521.  
  522.  
  523. </head>
  524. <body>
  525.  
  526. {block:IfQuoteattop}
  527. <div id="topbarok">
  528. <center> {text:quote}
  529. </center>
  530. </div>
  531. {/block:IfQuoteattop}
  532.  
  533.  
  534. <div id="posts">
  535.  
  536.  
  537. <div id="description">
  538.  
  539. <a href="{text:link 1 URL}" title="{text:link 1 title}">
  540. <div id="linkcircle">
  541. </div></a>
  542.  
  543. <a href="{text:link 2 URL}" title="{text:link 2 title}">
  544. <div id="linkcircle2">
  545. </div></a>
  546.  
  547. <a href="{text:link 3 URL}" title="{text:link 3 title}">
  548. <div id="linkcircle3">
  549. </div></a>
  550.  
  551. <a href="/" title="refresh">
  552. <img src="{image:sidebar image}" width="100%"></a><br>
  553. {block:IfDescription}<br>{description}{/block:IfDescription}
  554. </b>
  555.  
  556. <div class="overfront">
  557. <center>
  558. <h7>
  559. <a href="/ask">ask</a>
  560. <a href="http:/yourenosaint.tumblr.com/" title="originals">theme</a>
  561. <a href="/archive" title="appearance">archive</a>
  562. </h7>
  563. </center>
  564. </div>
  565. </div>
  566.  
  567. {block:Posts}
  568. {block:ContentSource}
  569.  
  570. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  571.  
  572. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  573.  
  574. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  575. <div class="entry">
  576. <div id="entries">
  577.  
  578.  
  579. {block:Title}
  580. {title}
  581. {/block:Title}
  582.  
  583.  
  584. {block:Text}{body}{/block:Text}
  585.  
  586.  
  587. {block:Photo}
  588. {block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-250}"/></a>{/block:IndexPage}
  589.  
  590. {block:PermalinkPage}<img src="{PhotoURL-500}"/>{/block:PermalinkPage}
  591. {/block:Photo}
  592.  
  593.  
  594. {block:Photoset}
  595.  
  596. {block:IndexPage}
  597. {block:Photos}
  598. <img src="{PhotoURL-250}" class="photoset-img" />
  599. {/block:Photos}{/block:IndexPage}
  600.  
  601. {block:PermalinkPage}
  602. {block:Photos}
  603. <img src="{PhotoURL-500}" class="photoset-img" />
  604. {/block:Photos}
  605. {/block:PermalinkPage}
  606.  
  607. {/block:Photoset}
  608.  
  609.  
  610. {block:Quote}
  611. <a href="{permalink}">
  612. {Quote}
  613. </a>
  614. {/block:Quote}
  615.  
  616.  
  617. {block:Video}
  618. {/block:IndexPage}
  619. {Video-250}
  620. {/block:IndexPage}
  621.  
  622.  
  623. {block:PermalinkPage}
  624. {Video-500}
  625. {/block:PermalinkPage}
  626. {/block:Video}
  627.  
  628.  
  629. {block:Link}
  630. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  631. {block:Description}{Description}{/block:Description}
  632. {/block:Link}
  633.  
  634. {block:Chat}
  635. <div class="chat">
  636.  
  637. <ul>
  638. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  639. </ul>
  640.  
  641. </div>
  642. {/block:Chat}
  643.  
  644. {block:Audio}
  645. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  646. {block:AlbumArt}
  647. <img src="{AlbumArtURL}" width="400px" class="cover">
  648. {/block:AlbumArt}
  649. {/block:Audio}
  650.  
  651. {block:Answer}
  652. <div class="ans">
  653. <div class="ask">
  654. <div class="askimg">
  655. <img src="{AskerPortraitURL-64}" align="left">
  656. </div>
  657.  
  658.  
  659. <div class="askie">
  660. {lang:Asker asked 2}: <div style="height:3px;"></div>
  661. {Question}
  662. </div>
  663. </div>
  664.  
  665. <div class="answer"><br>
  666. <div class="ansie">
  667. {Answer}
  668. </div>
  669. </div>
  670. </div>
  671.  
  672. {/block:Answer}
  673.  
  674.  
  675. {block:Caption}{Caption}{/block:Caption}
  676.  
  677. {block:Indexpage}
  678. <div class="catchme">
  679. <a href="{reblogurl}">reblog</a>
  680. </div>
  681.  
  682. {block:IfShownotes}
  683. <div class="catchme2">
  684. <a href="{Permalink}">{NoteCount} </a> / <a href="{Permalink}">{TimeAgo}</a>
  685. </div>{/block:IfShownotes}{/block:Indexpage}
  686.  
  687. </div></div>
  688. {/block:Posts}
  689. </div>
  690. </div></div>
  691.  
  692. {block:Indexpage}
  693. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  694. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  695. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  696. <script type="text/javascript">
  697. $(window).load(function(){
  698. var $wall = $('#posts');
  699. $wall.imagesLoaded(function(){
  700. $wall.masonry({
  701. itemSelector: '.entry, .entry_photo',
  702. isAnimated : false
  703. });
  704. });
  705.  
  706. $wall.infinitescroll({
  707. navSelector : '#page-nav',
  708. nextSelector : '#page-nav a',
  709. itemSelector : '.entry, .entry_photo',
  710. bufferPx : 2000,
  711. debug : false,
  712. errorCallback: function() {
  713. $('#infscr-loading').fadeOut('normal');
  714. }},
  715. function( newElements ) {
  716. var $newElems = $( newElements );
  717. $newElems.hide();
  718. $newElems.imagesLoaded(function(){
  719. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  720. });
  721. }); $('#content').show(500);
  722. });
  723. </script>
  724. {/block:indexpage}
  725.  
  726. {block:IfUpdatetab}
  727. <style>
  728. #updatetab {
  729. font-family: helvetica;
  730. color: {color:borders};
  731. }
  732.  
  733. #tabtitle, #dropdown, #dropdown p {
  734. background-color:{color:tab background};
  735. border-color: {color:borders};
  736. }
  737.  
  738. #updatetab {
  739. width:100px;
  740. position:fixed;
  741. top:40px;
  742. right:14px;
  743. }
  744.  
  745. #tabtitle {
  746. text-align:center;
  747. padding:1px 3px;
  748. padding-top:3px;
  749. letter-spacing:2px;
  750. font-size:9px;
  751. text-transform:uppercase;
  752. border-width:1px;
  753. border-style:solid;
  754. border-radius: 2px;
  755. -moz-border-radius: 2px;
  756. -webkit-border-radius: 2px;
  757. }
  758.  
  759. #dropdown {
  760. border-style:solid;
  761. border-width:0px 1px 1px 1px;
  762. padding:2px 5px 0px 5px;
  763. border-bottom-right-radius: 2px;
  764. -moz-border-bottom-right-radius: 2px;
  765. -webkit-border-bottom-right-radius: 2px;
  766. border-bottom-left-radius: 2px;
  767. -moz-border-bottom-left-radius: 2px;
  768. -webkit-border-bottom-left-radius: 2px;
  769. opacity:0;
  770. -webkit-transition: all 0.5s ease-in-out;
  771. -moz-transition: all 0.5s ease-in-out;
  772. -o-transition: all 0.5s ease-in-out;
  773. -ms-transition: all 0.5s ease-in-out;
  774. transition: all 0.5s ease-in-out;
  775. }
  776.  
  777. #updatetab:hover #dropdown {
  778. opacity:1;
  779. -webkit-transition: all 0.5s ease-in-out;
  780. -moz-transition: all 0.5s ease-in-out;
  781. -o-transition: all 0.5s ease-in-out;
  782. -ms-transition: all 0.5s ease-in-out;
  783. transition: all 0.5s ease-in-out;
  784. }
  785.  
  786. #dropdown p {
  787. padding-top:3px;
  788. padding-bottom:3px;
  789. border-width:0px 0px 1px 0px;
  790. border-style:solid;
  791. font-size:10px;
  792. }
  793.  
  794. #dropdown p:last-of-type {
  795. border-bottom:0px solid transparent;
  796. }
  797.  
  798. #updatetab p, #updatetab ul, #updatetab li, #updatetab ol {
  799. margin: 0px 0px 0px 0px;
  800. }
  801. </style>
  802.  
  803. <div id="updatetab">
  804.  
  805. <div id="tabtitle">
  806. {text:tab title}
  807. </div>
  808.  
  809. <div id="dropdown">
  810. <!---this is where you put your individual updates, make sure to put each update between a set of <p> and </p>--->
  811. <p>{text:tab text 1}</p>
  812. <p>{text:tab text 2}</p>
  813. <p>{text:tab text 3}</p>
  814. </div>
  815. {/block:IfUpdatetab}
  816. </div>
  817.  
  818. </body>
  819. </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!