API tools faq
paste
Advertisement
quirons

everytime, five

quirons
Jan 14th, 2015
50
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. EVERYTIME, C05 BY @QUIRONS.
  8. - don't repost or give away as your own
  9. - don't steal bits of the code
  10. - if you have any doubts/find bugs, feel free to send me a message
  11.  
  12. -->
  13.  
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17. <meta charset="utf-8">
  18. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  19. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <!-- SCRIPTS -->
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade , .popup_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  59. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
  77. <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
  78. <script>
  79. $(document).ready(function () {
  80. $.localScroll();
  81. });
  82. </script>
  83.  
  84. <link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
  85. <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  86.  
  87. <!-- METAS -->
  88.  
  89. <meta name="image:bg" content=""/>
  90. <meta name="image:sidebar" content=""/>
  91. <meta name="color:text" content="#000000"/>
  92. <meta name="color:posts" content="#111111"/>
  93. <meta name="color:accent" content="#000000"/>
  94. <meta name="color:text on accent" content="#ffffff"/>
  95. <meta name="color:menu links color" content="#ffffff"/>
  96.  
  97.  
  98. <meta name="text:ask url" content="/ask"/>
  99. <meta name="text:link one url" content="link one url"/>
  100. <meta name="text:link two url" content="link two url"/>
  101. <meta name="text:link three url" content="link three url"/>
  102.  
  103. <style type="text/css">
  104.  
  105. /* -------- SCROLLBAR ------- */
  106.  
  107. ::-webkit-scrollbar {width: 2px;}
  108. ::-webkit-scrollbar-track {background:none;}
  109. ::-webkit-scrollbar-thumb {background:black;}
  110. ::-webkit-scrollbar-thumb:window-inactive {background: transparent;}
  111. ::-webkit-scrollbar-thumb:horizontal {display:none;}
  112.  
  113.  
  114. /* ------- TOOLTIPS ------ */
  115.  
  116. #s-m-t-tooltip {
  117. max-width:300px;
  118. margin:15px;
  119. background-color:black;
  120. font-family:helvetica;
  121. font-size:12px;
  122. color:white;
  123. z-index:999999999999999999999999999999999999;
  124. }
  125.  
  126. /* -------- POPUP ------- */
  127.  
  128. #fade {
  129. display: none;
  130. position: fixed;
  131. left: 0;
  132. top: 0;
  133. width: 100%;
  134. height: 100%;
  135. z-index: 9999;
  136. background:#000;
  137. opacity: .5;
  138. }
  139.  
  140. .popup_block{
  141. display: none;
  142. background:transparent;
  143. padding: 20px;
  144. float: left;
  145. position: fixed;
  146. top: 50%;
  147. left: 50%;
  148. z-index: 99999;
  149. font-family:helvetica;
  150. font-size:11px;
  151. color:#fff;
  152. }
  153.  
  154. .popup_block a {
  155. color:#eee;
  156. }
  157.  
  158. *html #fade {
  159. position: absolute;
  160. }
  161.  
  162. *html .popup_block {
  163. position: absolute;
  164. }
  165.  
  166. .showhide_element {
  167. display: none;
  168. }
  169.  
  170.  
  171. /* -------- BASIC ------- */
  172.  
  173. body {
  174. background:url({image:bg}) repeat center center fixed;
  175. font-family:helvetica;
  176. color:{color:text};
  177. font-size:11px;
  178. }
  179.  
  180. a {
  181. text-decoration:none;
  182. color:{color:text};
  183. font-weight:bold;
  184. -webkit-transition: all .3s;
  185. -moz-transition: all .3s;
  186. -o-transition: all .3s;
  187. -ms-transition: all .3s;
  188. transition: all .3s;
  189. }
  190.  
  191. clubs a {
  192. font-weight:normal;
  193. }
  194.  
  195. a:hover {
  196. text-decoration:underline;
  197. -webkit-transition: all .3s;
  198. -moz-transition: all .3s;
  199. -o-transition: all .3s;
  200. -ms-transition: all .3s;
  201. transition: all .3s;
  202. }
  203.  
  204. h1 {
  205. text-transform:uppercase;
  206. font-size:13px;
  207. font-family:'Cutive Mono';
  208. color:white;
  209. }
  210.  
  211. #pagination {
  212. font-family:'Cutive Mono';
  213. font-weight:bold;
  214. color:#ff86aa;
  215. margin-top:-85px;
  216. margin-bottom:-75px;
  217. text-align:center;
  218. }
  219.  
  220. #pagination a {
  221. color:#ff86aa;
  222. }
  223.  
  224. /* -------- SIDEBAR ------- */
  225.  
  226. #sidebar {
  227. height:300px;
  228. top:250px;
  229. left:150px;
  230. width:200px;
  231. position:fixed;
  232. display:block;
  233. float:left;
  234. font-family:'Playfair Display';
  235. }
  236.  
  237. #avatar img {
  238. width:75px;
  239. display:inline-block;
  240.  
  241. }
  242.  
  243. #desc {
  244. width:170px;
  245. margin-top:20px;
  246. padding:15px;
  247. color:{color:text on accent};
  248. background:{color:accent};
  249. -webkit-transition: all .3s;
  250. -moz-transition: all .3s;
  251. -o-transition: all .3s;
  252. -ms-transition: all .3s;
  253. transition: all .3s;
  254. height:77.5px;
  255. overflow-y:hidden;
  256. }
  257.  
  258. #description {
  259. position:inline-block;
  260. margin-top:-70px;
  261. margin-left:85px;
  262. width:75px;
  263. margin-bottom:10px;
  264. -webkit-transition: all .3s;
  265. -moz-transition: all .3s;
  266. -o-transition: all .3s;
  267. -ms-transition: all .3s;
  268. transition: all .3s;
  269. }
  270.  
  271. #desc a {
  272. color:{color:text on accent};
  273. font-weight:normal;
  274. }
  275.  
  276. #sidebar:hover #desc {
  277. height:117.5px;
  278. -webkit-transition: all .3s;
  279. -moz-transition: all .3s;
  280. -o-transition: all .3s;
  281. -ms-transition: all .3s;
  282. transition: all .3s;
  283. }
  284.  
  285. .menu-link {
  286. text-align:center;
  287. }
  288.  
  289. .menu-link a {
  290. color:{color:menu links color};
  291. text-transform:lowercase;
  292. display:inline-block;
  293. padding:5px;
  294. padding-bottom:2.5;
  295. letter-spacing:1px;
  296. font-size:12px;
  297. margin-top:-5px;
  298. margin-bottom:-9px;
  299. border-bottom:1px solid transparent;
  300. }
  301.  
  302. .menu-link a:hover {
  303. border-bottom:1px solid {color:menu links color};
  304. text-decoration:none;
  305. }
  306.  
  307. .menu-link {
  308. margin-top:30px;
  309. }
  310.  
  311. /* -------- MUSIC ------- */
  312.  
  313. #audioinfo {
  314. background:{color:accent};
  315. color:{color:text on accent};
  316. font-family:'Cutive Mono';
  317. text-align:center;
  318. text-transform:uppercase;
  319. {block:IndexPage}
  320. width:395px;
  321. {/block:IndexPage}
  322. {block:PermalinkPage}
  323. width:495px;
  324. {/block:PermalinkPage}
  325. display:inline-block;
  326. position:absolute;
  327. margin-top:20px;
  328. margin-left:-100px;
  329. }
  330.  
  331. .info {
  332. padding:20px;
  333. margin-left:92.5px;
  334. {block:IndexPage}
  335. width:265px;
  336. {/block:IndexPage}
  337. {block:PermalinkPage}
  338. width:365px;
  339. {/block:PermalinkPage}
  340. }
  341.  
  342. .cover {
  343. width:100px;
  344. border-radius:50%;
  345. z-index:99;
  346. position:relative;
  347. border:2px solid white;
  348. background:white;
  349. }
  350.  
  351. .playbutton {
  352. width: 20px;
  353. height: 35px;
  354. overflow: hidden;
  355. z-index: 9999;
  356. margin-left:22.5px;
  357. padding-bottom:7.5px;
  358. padding-top:15px;
  359. }
  360.  
  361. .playbox {
  362. background-color:black;
  363. position: absolute;
  364. z-index: 900;
  365. margin-top: 25px;
  366. margin-left: 22.5px;
  367. padding-right:17.5px;
  368. opacity:.75;
  369. border-radius:50%;
  370. }
  371.  
  372. /* -------- ENTRIES ------- */
  373.  
  374. #entries {
  375. margin-top:75px;
  376. margin-left:500px;
  377. color:{color:text};
  378. background:transparent;
  379. }
  380.  
  381. #post {
  382. background:{color:posts};
  383. padding:15px;
  384. {block:IndexPage}width:400px;{/block:IndexPage}
  385. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  386. }
  387.  
  388. #tags {
  389. opacity:1;
  390. color:{color:text on accent};
  391. background:{color:accent};
  392. font-family:'Playfair Display';
  393. -webkit-transition: ease .5s;
  394. -moz-transition: ease .5s;
  395. -o-transition: ease .5s;
  396. -ms-transition: ease .5s;
  397. transition: ease .5s;
  398. margin-bottom:135px;
  399. margin-top:-10px;
  400. {block:IndexPage}width:400px;{/block:IndexPage}
  401. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  402. padding:15px;
  403. }
  404.  
  405. .taggy {
  406. padding:5px;
  407. }
  408.  
  409. .taggy a {
  410. color:white;
  411. font-weight:normal;
  412. }
  413.  
  414. .comma:last-child {
  415. display:none;
  416. }
  417.  
  418. /* -------- SPECIFIC ------- */
  419.  
  420. .quote {
  421. margin-left:15px;
  422. border-left:1px solid #2f2f2f;
  423. padding-left:30px;
  424. }
  425.  
  426. .quotesource {
  427. text-align:right;
  428. }
  429.  
  430. ul.chat{
  431. list-style:none;
  432. margin-left:-40px;
  433. }
  434.  
  435. .chat span {
  436. float: left;
  437. }
  438.  
  439. .person {
  440. font-weight:bold;
  441. }
  442.  
  443. blockquote {
  444. margin-left:15px;
  445. border-left:1px solid #2f2f2f;
  446. padding:5px 0px 5px 30px;
  447. }
  448.  
  449. iframe, img, embed, object, video {
  450. max-width: 100%;
  451. }
  452.  
  453. #ask {
  454. background:{color:accent};
  455. padding:20px;
  456. margin-left:-15px;
  457. margin-top:-20px;
  458. {block:IndexPage}width:390px;{/block:IndexPage}
  459. {block:PermalinkPage}width:490px;{/block:PermalinkPage}
  460. font-family:'Playfair Display';|
  461. color:{color:text on accent};
  462. }
  463.  
  464. #ask a {
  465. color:{color:text on accent};
  466. }
  467.  
  468.  
  469. /* -------- NOTES ------- */
  470.  
  471.  
  472. ol.notes {
  473. background:{color:accent};
  474. color:{color:text on accent};
  475. text-align:left;
  476. list-style:none;
  477. padding:20px;
  478. width:380px;
  479. }
  480.  
  481. ol.notes a {
  482. color:{color:text on accent};
  483. }
  484.  
  485. ol.notes li.note{
  486. padding:7.5px 2.5px 7.5px 2.5px;
  487. border-bottom:1px solid #f8f8f8;
  488. }
  489.  
  490. .pagenotes {
  491. margin-top:-75px;
  492. margin-bottom:60px;
  493. }
  494.  
  495. .pagenotes blockquote {
  496. margin-bottom:0px;
  497. }
  498.  
  499. .pagenotes img{
  500. padding-right:5px;
  501. padding-top:5px;
  502. margin-bottom:-5px;
  503. display:none;
  504. }
  505.  
  506. #tt a {
  507. margin-left:165px;
  508. font-size:25px;
  509. font-style:italic;
  510. border-bottom:2px solid white;
  511. width:150px;
  512. text-align:center;
  513. padding-bottom:5px;
  514. color:white;
  515. font-weight:normal;
  516. }
  517.  
  518. #tt a:hover {
  519. text-decoration:none;
  520. }
  521.  
  522. </style>
  523. </head>
  524.  
  525. <body>
  526.  
  527. <div id="01" class="popup_block">
  528.  
  529. <div style="width:400px;">
  530. <div id="tt"><a href="/tagged/aesthetic">themage</a></div>
  531. <div style="font-family:'Cutive Mono';text-align:center;background:black;padding:15px;width:400px;line-height:150%;margin-top:20px;">
  532.  
  533. <div style="border-bottom:1px solid white;padding-bottom:10px;padding:20px;width:320px;margin-left:20px;">please don't use anything as a base code. no matter what you're using (or the lenght of it), don't edit and try to pass it as your own.</div>
  534. <div style="border-bottom:1px solid white;padding-bottom:10px;padding:20px;width:320px;margin-left:20px;">you can edit as much as you like; hell, you can make this a completely different theme if you want. as long as you don't go out posting it to other people, you're fine.</div>
  535. <div style="border-bottom:1px solid white;padding-bottom:10px;padding:20px;width:320px;margin-left:20px;">feel free to ask me for anything! i mean it. if you need a base code, i'll give you a great one i use. if you need a tutorial, i'll either teach/link you. just don't. steal. oh, by the way, click 'themage' for my themes.</div>
  536. <div style="padding:20px;width:320px;margin-left:20px;">don't remove my credits. i mean it. it's pretty tiny and i'll even give you permission to change the font to, let's say, 12px. just don't delete that code, bro.</div>
  537. <div style="font-family:'Cutive Mono">
  538. <a href="/themes">go on</a><br><br></div>
  539. </div>
  540. </div>
  541. </div>
  542.  
  543. </div>
  544.  
  545. <div id="sidebar">
  546. <div id="desc">
  547. <div id="avatar"><a href="/" title="refresh"><img src="{image:sidebar}"/></a></div>
  548. <div id="description">{Description}</div>
  549. <div class="menu-link">
  550. <a href="{text:ask url}">ask</a>
  551. <a href="{text:link one url}">one</a>
  552. <a href="{text:link two url}">two</a>
  553. <a href="{text:link three url}">three</a>
  554. </div>
  555. </div>
  556. </div>
  557.  
  558. <div id="clubs" style="right:25px;bottom:15px;position:fixed;font-size:18px;font-family: 'Playfair Display', serif;";><a href="http://badlland.tumblr.com">C</a></div>
  559.  
  560. <div id="entries">
  561. {block:Posts}
  562.  
  563. <div id="post">
  564.  
  565. {block:ContentSource}
  566. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  567. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  568. {/block:SourceLogo}
  569. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  570. {/block:ContentSource}
  571.  
  572. {block:Text}
  573. {block:Title}
  574. <h1 class="title">
  575. <a href="{Permalink}">{Title}</a></h1>
  576. {/block:Title}
  577. {Body}
  578. {/block:Text}
  579.  
  580. {block:Photo}
  581. {block:IndexPage}
  582. {LinkOpenTag}
  583. <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
  584. {LinkCloseTag}
  585. {/block:IndexPage}
  586. {block:PermalinkPage}
  587. {LinkOpenTag}
  588. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  589. {LinkCloseTag}{/block:PermalinkPage}
  590. {/block:Photo}
  591.  
  592. {block:Photoset}
  593. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  594. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  595. {/block:Photoset}
  596.  
  597. {block:Quote}
  598. <div class="quote">{Quote}</div>
  599. {block:Source}
  600. <div class="quotesource"><br>{Source}</div>
  601. {/block:Source}
  602. {/block:Quote}
  603.  
  604. {block:Link}
  605. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  606. {block:Description}{Description}{/block:Description}
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. <ul class="chat">
  611. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  612. </ul>
  613. {/block:Chat}
  614.  
  615. {block:Audio}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  616. {block:AlbumArt}
  617. <img src="{AlbumArtURL}" class="cover">
  618. {/block:AlbumArt}
  619. <div id="audioinfo">
  620. <div class="info">{block:TrackName}<b style="text-transform:uppercase;color:white;font-weight:bold;">{TrackName}</b><br />{/block:TrackName}{block:Artist}<b style="opacity:.8">{Artist}</b>{/block:Artist}{block:Album}<span style="padding-left:7.5px;opacity:.8">{Album}</span>{/block:Album}</div>
  621. </div>
  622. {/block:Audio}
  623.  
  624. {block:Video}
  625. <div class="video">
  626. {block:IndexPage}<div class="video-player">{Video-400}</div>{/block:IndexPage}
  627. {block:PermalinkPage}<div class="video-player">{Video-500}</div>{/block:PermalinkPage}
  628. {/block:Video}
  629.  
  630. {block:Answer}
  631. <div id="ask" style="color:{color:text on accent};"><b style="text-transform:lowercase;">{Asker}: </b></span>{Question}</div>
  632. <div id="answer">{Answer}</div>
  633. {/block:Answer}
  634.  
  635. {block:Caption}
  636. {Caption}
  637. {/block:Caption}
  638.  
  639. </div>
  640.  
  641. {block:Date}
  642. <a href="{Permalink}">
  643. <div id="tags">
  644. <div class="taggy">
  645. {block:Date}<span style="text-transform:lowercase;">
  646. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {TimeAgo}</span>
  647. {/block:Date}
  648. </a>
  649.  
  650. {block:NoteCount}
  651. <a href="{Permalink}"> + {NoteCount} </a>
  652. {/block:NoteCount}
  653.  
  654. <!--VIA AND SOURCE-->
  655. {block:RebloggedFrom} /
  656. <a href="{ReblogParentURL}">via</a>
  657. {/block:RebloggedFrom}
  658. {block:ContentSource}
  659. & <a href="{SourceURL}">source</a>
  660. {/block:ContentSource}
  661. {block:RebloggedFrom}{/block:RebloggedFrom}
  662.  
  663. {block:HasTags}
  664. / <b>tag:</b>
  665. {block:Tags}
  666. <a href="{TagURL}"> {Tag}</a><span class="comma">,</span>
  667. {/block:Tags}
  668. {/block:HasTags}
  669. </div></div>
  670. {/block:Date}
  671.  
  672. <!--POST NOTES-->
  673. {block:PostNotes}
  674. <div class="pagenotes">{PostNotes-16}</div>
  675. {/block:PostNotes}
  676.  
  677. {/block:Posts}
  678.  
  679. {block:Pagination}
  680. <div id="pagination">
  681. {block:PreviousPage}
  682. <a href="{PreviousPage}">Previous</a> |
  683. {/block:PreviousPage}
  684. {block:NextPage}
  685. <a href="{NextPage}">Next</a>
  686. {/block:NextPage}
  687. </div>
  688. {/block:Pagination}
  689.  
  690. </div>
  691.  
  692. </body>
  693. </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!