API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 21st, 2018
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}</title>
  4. <!--
  5. a tumblr theme based on the vintage windows 95/98 look
  6. live preview/download can be found at windows9800.tumblr.com
  7. -->
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/xwoxjom/qZEomxmlz/color-converters.js"></script>
  16. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  17.  
  18. <meta name="color:Background Color" content="#00807F"/>
  19. <meta name="color:Title Color" content="#050083"/>
  20. <meta name="color:Link Color" content="#0000FF"/>
  21. <meta name="color:Title Text Color" content="#FFFFFF"/>
  22. <meta name="if:Show Total Pages" content="1"/>
  23. <meta name="if:Show Search Box on Tagged Pages" content="1"/>
  24. <style>
  25. ::-webkit-scrollbar {
  26. width: 16px;
  27. max-width: 16px;
  28. }
  29.  
  30. ::-webkit-scrollbar-track {
  31. background: url("http://static.tumblr.com/dt0m1du/kzao7vkc3/scrollbackground.png");
  32. }
  33.  
  34. ::-webkit-scrollbar-thumb {
  35. background: #BDBDBD;
  36. border: #DFDFDF 2px outset;
  37. }
  38.  
  39. ::-webkit-scrollbar-button:vertical:start:decrement{
  40. display:block;
  41. background: url("http://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 0px 0px;
  42. width: 16px;
  43. max-width: 16px;
  44. height: 16px;
  45. max-height: 16px;
  46. border: #DFDFDF 2px outset;
  47. }
  48.  
  49. ::-webkit-scrollbar-button:vertical:end:increment{
  50. display:block;
  51. background: url("http://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 0px 12px;
  52. width: 16px;
  53. max-width: 16px;
  54. height: 16px;
  55. max-height: 16px;
  56. border: #DFDFDF 2px outset;
  57. }
  58.  
  59. ::-webkit-scrollbar-button:horizontal:start:decrement{
  60. display:block;
  61. background: url("http://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 12px 12px;
  62. width: 16px;
  63. max-width: 16px;
  64. height: 16px;
  65. max-height: 16px;
  66. border: #DFDFDF 2px outset;
  67. }
  68.  
  69. ::-webkit-scrollbar-button:horizontal:end:increment{
  70. display:block;
  71. background: url("http://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 12px 1px;
  72. width: 16px;
  73. max-width: 16px;
  74. height: 16px;
  75. max-height: 16px;
  76. border: #DFDFDF 2px outset;
  77. }
  78.  
  79. body{
  80. font-family: 'Microsoft Sans Serif';
  81. font-size: 13px;
  82. background-repeat: no-repeat;
  83. background-color: {color:Background Color};
  84. }
  85.  
  86. a{
  87. color: {color:Link Color};
  88. }
  89.  
  90. a:visited{
  91. color: {color:Link Color};
  92. }
  93.  
  94. .bgimage{
  95. position: fixed;
  96. right: 0px;
  97. top: 0px;
  98. }
  99.  
  100. .button{
  101. border: #DFDFDF outset 2px;
  102. color: black;
  103. background: #C0C0C0;
  104. text-align: center;
  105. }
  106.  
  107. .checkbox{
  108. position: relative;
  109. width: 11px;
  110. height: 11px;
  111. background: #FFFFFF;
  112. border: 1px #DDD inset;
  113. }
  114.  
  115. .button:active{
  116. border: #DFDFDF inset 2px;
  117. }
  118.  
  119. .button a{
  120. border: rgba(0,0,0,0) dotted 1px;
  121. text-decoration: none;
  122. color: black;
  123. }
  124.  
  125. .button a:focus{
  126. border: rgba(1,1,1,1) dotted 1px;
  127. }
  128.  
  129. blockquote{
  130. border: #F0F0F0 groove 2px;
  131. margin-left: 10px;
  132. padding-left: 4px;
  133. overflow: hidden;
  134. margin-right: 10px;
  135. }
  136.  
  137. .winbox{
  138. background-color: #C0C0C0;
  139. color: black;
  140. border: #DFDFDF outset 2px;
  141. }
  142.  
  143. .winbox .winbox_header{
  144. background-color: {color:Title Color};
  145. vertical-align: middle;
  146. padding-left: 2px;
  147. padding-right: 2px;
  148. font-size: 12px;
  149. min-height: 18px;
  150. }
  151.  
  152. .winbox .winbox_header .winbox_title{
  153. vertical-align: middle;
  154. text-decoration: none;
  155. }
  156.  
  157. .winbox .winbox_header .winbox_title .winbox_titletext{
  158. display: inline-block;
  159. margin-top: 2px;
  160. width: calc(100% - 48px);
  161. color: {color:Title Text Color};
  162. }
  163.  
  164. .winbox .winbox_header .winbox_title .winbox_titletext.first_caps::first-letter{
  165. text-transform: uppercase;
  166. }
  167.  
  168. .winbox .winbox_header .winbox_icon{
  169. position: absolute;
  170. width: 10px;
  171. height: 10px;
  172. top: 2px;
  173. right: 2px;
  174. text-align: center;
  175. font-size: 10px;
  176. }
  177.  
  178. .winbox .winbox_header .winbox_icon.winbox_like{
  179. right: 34px;
  180. }
  181.  
  182. .winbox .winbox_header .winbox_icon.winbox_reblog{
  183. right: 18px;
  184. }
  185.  
  186. .like_button iframe{
  187. min-height: 16px;
  188. transform: translateY(-3px);
  189. }
  190.  
  191. .reblog_button svg{
  192. position: absolute;
  193. top: 0px;
  194. left: 0px;
  195. }
  196.  
  197. .aboutbox{
  198. position: fixed;
  199. top:10%;
  200. left:50px;
  201. width: 350px;
  202. }
  203.  
  204. .portrait{
  205. padding-top: 25px;
  206. padding-left: 10px;
  207. padding-right: 15px;
  208. vertical-align: top;
  209. width: 64px;
  210. }
  211.  
  212. .aboutbox_content{
  213. padding-top: 15px;
  214. max-width: 245px;
  215. font-size: 13px;
  216. }
  217.  
  218. .aboutbox_content .aboutbox_buttons{
  219. padding-top: 14px;
  220. text-align: right;
  221. }
  222.  
  223. .aboutbox_content .aboutbox_buttons .aboutbox_button{
  224. padding: 2px;
  225. display: inline-flex;
  226. margin-bottom: 2px;
  227. }
  228.  
  229. .posts{
  230. position: absolute;
  231. left:450px;
  232. }
  233.  
  234. .postbox{
  235. width:530px;
  236. position: relative;
  237. margin-top:30px;
  238. }
  239.  
  240. .search_label{
  241. width:15%;
  242. text-align: center;
  243. vertical-align: center;
  244. }
  245.  
  246. .search_box{
  247. position: relative;
  248. max-width:10px;
  249. overflow-wrap: break-word;
  250. background: #FFFFFF;
  251. border: #DDD 2px inset;
  252. padding: 2px 1px 2px 1px;
  253. }
  254.  
  255. .search_box_look{
  256. position: absolute;
  257. max-width: none;
  258. top: 4px;
  259. left: -1px;
  260. width: 70%;
  261. }
  262.  
  263. .search_browse{
  264. position: relative;
  265. right: -4px;
  266. margin-top: 0px !important;
  267. }
  268.  
  269. .search_box .search_box_icon{
  270. position: absolute;
  271. height: 12px;
  272. width: 12px;
  273. right: 0px;
  274. top: 0px;
  275. background: url("http://static.tumblr.com/dt0m1du/eDmo86mqb/scrollbarsprite.png") 1px 12px;
  276. border: #DDD 2px outset;
  277. }
  278.  
  279. .search_row{
  280. height: 20px;
  281. }
  282.  
  283. .search_button{
  284. padding: 3px;
  285. margin-top: 6px;
  286. }
  287.  
  288. .search_buttons .search_icon_container{
  289. text-align: center;
  290. }
  291.  
  292. .search_buttons .search_icon_container .search_icon{
  293. width: 34px;
  294. height: 34px;
  295. background: url("http://static.tumblr.com/dt0m1du/sk4o8849u/icons2.png");
  296. background-position-x: 34px;
  297. }
  298.  
  299. .postbox_date{
  300. float: right;
  301. margin-top: 8px;
  302. margin-right: 10px;
  303. }
  304.  
  305. .postbox_icon{
  306. float: right;
  307. margin-right: 10px;
  308. margin-top: 3px;
  309. width: 34px;
  310. height: 34px;
  311. background-image: url("http://static.tumblr.com/dt0m1du/sk4o8849u/icons2.png");
  312. }
  313.  
  314. .postbox_icon.text_icon{
  315. background-position-x: 0px;
  316. }
  317.  
  318. .postbox_icon.photo_icon{
  319. background-position-x: -34px;
  320. }
  321.  
  322. .postbox_icon.quote_icon{
  323. background-position-x: -68px;
  324. }
  325.  
  326. .postbox_icon.link_icon{
  327. background-position-x: -102px;
  328. }
  329.  
  330. .postbox_icon.chat_icon{
  331. background-position-x: 170px;
  332. }
  333.  
  334. .postbox_icon.audio_icon{
  335. background-position-x: 136px;
  336. }
  337.  
  338. .postbox_icon.video_icon{
  339. background-position-x: 102px;
  340. }
  341.  
  342. .postbox_icon.answer_icon{
  343. background-position-x: 68px;
  344. }
  345.  
  346. .postbox_body{
  347. margin: 10px;
  348. margin-top: 40px;
  349. padding: 2px;
  350. border: #DFDFDF outset 2px;
  351. }
  352.  
  353. .postbox_body .postbox_tab{
  354. position: relative;
  355. top: -21px;
  356. left: -4px;
  357. background: #C0C0C0;
  358. border: #DFDFDF outset 2px;
  359. border-radius: 3px 4px 0px 0px;
  360. border-bottom: none;
  361. margin-right: 3px;
  362. text-decoration: none;
  363. text-align: center;
  364. color: black;
  365. padding: 3px 2px 7px 2px;
  366. }
  367.  
  368. .postbox_body .postbox_tab a{
  369. border: rgba(0,0,0,0) dotted 1px;
  370. border-radius: 3px 3px 0px 0px;
  371. color: black;
  372. text-decoration: none;
  373. }
  374.  
  375. .postbox_body .postbox_tab a:active{
  376. border: rgba(1,1,1,1) dotted 1px;
  377. }
  378.  
  379. .postbox_body .unselected_tab{
  380. top: -18px;
  381. padding-bottom: 2px;
  382. }
  383.  
  384. .postbox_body .postbox_tab .notes_1{
  385. display: none;
  386. }
  387.  
  388. .postbox_body .read_more_container{
  389. border: #DFDFDF outset 2px;
  390. background: #C0C0C0;
  391. text-align: center;
  392. width: 72px;
  393. padding: 3px;
  394. }
  395.  
  396. .postbox_body .read_more_container:active{
  397. border: #DFDFDF inset 2px;
  398. }
  399.  
  400. .postbox_body .read_more_container .read_more{
  401. color: black;
  402. text-decoration: none;
  403. }
  404.  
  405. .postbox_body .read_more_container .read_more:focus{
  406. border: rgba(1,1,1,1) dotted 1px;
  407. }
  408.  
  409. .postbox_body .chatline{
  410. margin-left: 14px;
  411. }
  412.  
  413. .postbox_body .quote{
  414. font-size: 33px;
  415. padding:5px;
  416. }
  417.  
  418. .postbox_body .postbox_content .meta.audio_player{
  419. width: 50%;
  420. padding: 2px;
  421. position: relative;
  422. right: 3px;
  423. }
  424.  
  425. .postbox_body .postbox_content .meta.audio_count{
  426. width: 50%;
  427. padding: 2px;
  428. position: relative;
  429. left: 3px;
  430. }
  431.  
  432. .postbox_body .inbox{
  433. position: relative;
  434. background-color: #C0C0C0;
  435. top: -8px;
  436. left: 19px;
  437. vertical-align: top;
  438. }
  439.  
  440. .postbox_body .inbox a{
  441. position: static;
  442. vertical-align: top;
  443. }
  444.  
  445. .postbox_body .inbox + p{
  446. margin-top: 0px;
  447. }
  448.  
  449. .postbox_body .meta{
  450. border: #F0F0F0 groove 2px;
  451. }
  452.  
  453.  
  454. .postbox_body .postbox_content img{
  455. max-width: 100%;
  456. height: auto;
  457. }
  458.  
  459. .tag_commas:last-child{
  460. display: none;
  461. }
  462.  
  463. .postbox_buttons{
  464. margin-right: 10px;
  465. margin-bottom: 2px;
  466. }
  467.  
  468. .postbox_button{
  469. padding: 3px;
  470. margin-left: 3px;
  471. float: right;
  472. }
  473. </style>
  474. <script> //please be very careful if you plan to change anything affected by this portion of the code
  475. $(document).ready(function() {
  476. $("[title]").style_my_tooltips({
  477. tip_follows_cursor:true,
  478. tip_delay_time:100,
  479. tip_fade_speed:300
  480. });
  481.  
  482. {block:ifSlidingDescription}
  483. $("#title").click(function() {
  484. $("#desc").slideToggle(300);
  485. $(".fa-chevron-down").toggleClass("fa-rotate-180");
  486. });
  487. {/block:ifSlidingDescription}
  488.  
  489. function tick() {
  490. dt = new Date();
  491. var hr = dt.getHours();
  492. {block:ifNotNaturalTimeCycle}
  493. hr = {select:time of day};
  494. {/block:ifNotNaturalTimeCycle}
  495. sec = (hr*3600)+(dt.getMinutes()*60)+dt.getSeconds();
  496. var time = (hr<10 ? '0':'')+hr+':'+(dt.getMinutes()<10 ? '0':'')+dt.getMinutes();
  497. var tod, tod_name, s; // time of day, name of time, and seconds in a quarter
  498. if(hr>=0 && hr<6)
  499. tod_name = 'dawnward', tod = 1; //assigning the quarter to a variable with values 1-4 to keep track of it more easily
  500. if(hr>=6 && hr<12)
  501. tod_name = 'dayward', tod = 2;
  502. if(hr>=12 && hr<18)
  503. tod_name = 'duskward', tod = 3;
  504. if(hr>=18)
  505. tod_name = 'nightward', tod = 4;
  506. s=(sec%21600)/21600; // taking the modulus of the number of seconds in a quarter day (six hours equals 21,600 seconds) causes the counter to reset every quarter. then divide by the number of seconds to measure cycle progress as a fraction
  507. bg_change(tod,s);
  508. grd_change(tod,s);
  509. if(hr>19 || hr<4) {
  510. palette(1);
  511. $('iframe.tumblr_audio_player').load( function() {
  512. $('iframe.tumblr_audio_player').contents().find("head")
  513. .append($("<style type='text/css'> .audio-image{filter:invert(100%)} </style>"));
  514. });
  515. }
  516. else {
  517. palette(2);
  518. }
  519. }
  520.  
  521. tick();
  522. {block:ifNaturalTimeCycle}
  523. setInterval(tick, 60000); // causes the function to run every minute - useless if you do not want time progression
  524. {/block:ifNaturalTimeCycle}
  525.  
  526. function palette(f) { //changes colors of non-background elements
  527. if(f==1)
  528. $('body, #simg, #upperleft, .post, .info, #cred, .pag, #note_wrap').removeClass("day_colors").addClass("night_colors");
  529. else
  530. $('body, #simg, #upperleft, .post, .info, #cred, .pag, #note_wrap').removeClass("night_colors").addClass("day_colors");
  531. }
  532.  
  533. function grd_change(hr,spc) {
  534. switch(hr) {
  535. case 1: { //dawnward
  536. $('#grad').css('opacity','0');
  537. leave('#postgrad',spc);
  538. enter('#undergrad',spc);
  539. break;
  540. }
  541. case 2: { //dayward
  542. $('#postgrad').css('opacity','0');
  543. leave('#undergrad',spc);
  544. enter('#grad',spc);
  545. break;
  546. }
  547. case 3: { //duskward
  548. $('#postgrad').css('opacity','0');
  549. leave('#grad',spc);
  550. enter('#undergrad',spc);
  551. break;
  552. }
  553. case 4: { //nightward
  554. $('#grad').css('opacity','0');
  555. leave('#undergrad',spc);
  556. enter('#postgrad',spc);
  557. break;
  558. }
  559. }
  560. }
  561.  
  562. function leave(g, percent) {
  563. percent = 1 - percent;
  564. $(g).css('opacity', percent);
  565. }
  566.  
  567. //these two functions use (progress along quarter)/(total number of seconds in a quarter) as the opacity factor for the gradients, inverting the value if the gradient is fading out instead of in
  568.  
  569. function enter(g, percent) {
  570. $(g).css('opacity', percent);
  571. }
  572.  
  573. function bg_change(hr,spc) { //so the converter knows its start and end states depending on time
  574. var startbg, endbg;
  575. switch(hr) {
  576. case 1: {
  577. startbg = r2h({RGBcolor:background night}),
  578. endbg = r2h({RGBcolor:background evening});
  579. break;
  580. }
  581. case 2: {
  582. startbg = r2h({RGBcolor:background evening}),
  583. endbg = r2h({RGBcolor:background day});
  584. break;
  585. }
  586. case 3: {
  587. startbg = r2h({RGBcolor:background day}),
  588. endbg = r2h({RGBcolor:background evening});
  589. break;
  590. }
  591. case 4: {
  592. startbg = r2h({RGBcolor:background evening}),
  593. endbg = r2h({RGBcolor:background night});
  594. break;
  595. }
  596. }
  597. var newbg = hsl_col_perc(spc,startbg,endbg);
  598. $('#background').css('background-color', 'hsl('+newbg[0]+','+newbg[1]+'%,'+newbg[2]+'%)');
  599. }
  600.  
  601. function r2h(r, g, b) { // just a basic RGB to HSL conversion algo - credit to Pankaj Parashar!
  602. r /= 255, g /= 255, b /= 255;
  603. var max = Math.max(r, g, b),
  604. min = Math.min(r, g, b),
  605. h, s, l = (max + min) / 2;
  606. if (max == min) { h = s = 0; }
  607. else {
  608. var d = max - min;
  609. s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
  610.  
  611. switch (max){
  612. case r: h = (g - b) / d + (g < b ? 6 : 0); break;
  613. case g: h = (b - r) / d + 2; break;
  614. case b: h = (r - g) / d + 4; break;
  615. }
  616.  
  617. h=Math.round(h*60 % 360);
  618. }
  619. s=Math.round(s*100);l=Math.round(l*100);
  620. return [h,s,l];
  621. }
  622.  
  623. function hsl_col_perc(a,hsl1,hsl2) {
  624. b = (hsl2[0] - hsl1[0]) * a;
  625. c = Math.round(hsl1[0] + b);
  626. d = (hsl2[1] - hsl1[1]) * a,
  627. e = Math.round(d + hsl1[1]);
  628. f = (hsl2[2] - hsl1[2]) * a,
  629. g = Math.round(f + hsl1[2]);
  630. return [c,e,g];
  631. };
  632. });
  633. </script>
  634. <script>
  635. function tab(obj, motion){
  636. if(motion == "open"){
  637. id = obj.getAttribute("post-id")
  638. obj.setAttribute("class","postbox_tab");
  639. document.getElementById("closeNotes_" + id).setAttribute("class", "postbox_tab unselected_tab");
  640. document.getElementById("postContent_" + id).setAttribute("style", "display: none;");
  641. document.getElementById("postNotes_" + id).setAttribute("style", "display: block;");
  642. }else{
  643. id = obj.getAttribute("post-id")
  644. obj.setAttribute("class","postbox_tab");
  645. document.getElementById("openNotes_" + id).setAttribute("class", "postbox_tab unselected_tab");
  646. document.getElementById("postNotes_" + id).setAttribute("style", "display: none;");
  647. document.getElementById("postContent_" + id).setAttribute("style", "display: block;");
  648. }
  649. }
  650. </script>
  651. </head>
  652. <body>
  653. <!-- Do not touch anything here unless you know what you're doing! This section is controlled by JavaScript, which is delicate - a single missing element can cause the whole thing to stop working. -->
  654. <div id="background"></div>
  655.  
  656. <div id="grad"> <!-- morning gradient -->
  657. {block:ifSunAndMoon}
  658. <div id="sol"> <!-- sun and clouds container -->
  659. <span class="fa fa-circle"></span>
  660. <span class="fa fa-cloud ek"></span>
  661. <span class="fa fa-cloud dui"></span>
  662. <span class="fa fa-cloud teen"></span>
  663. <span class="fa fa-cloud char"></span>
  664. </div>
  665. {/block:ifSunAndMoon}
  666. </div>
  667. <div id="undergrad"></div> <!-- sunrise/sunset gradient -->
  668. <div id="postgrad"> <!-- night gradient -->
  669. {block:ifSunAndMoon}
  670. <div id="lune"> <!-- moon and stars container -->
  671. <div class="moon"></div>
  672. <span class="fa fa-star one"></span>
  673. <span class="fa fa-star two"></span>
  674. <span class="fa fa-star three"></span>
  675. <span class="fa fa-star four"></span>
  676. <span class="fa fa-star five"></span>
  677. </div>
  678. {/block:ifSunAndMoon}
  679. </div>
  680. <!-- End of HTML stuff you shouldn't touch -->
  681. <div class="winbox aboutbox">
  682. <div class="winbox_header">
  683. <a href="/" class="winbox_title">
  684. <strong class="winbox_titletext">{Title}</strong>
  685. <span class="winbox_icon button"><strong>X</strong></span>
  686. </a>
  687. <a title="Theme" class="winbox_title" href="https://tmblr.co/maN2JH_W1d0v-UbDsgL2xfg">
  688. <span class="winbox_icon button" style="right:18px;">
  689. <strong>?</strong>
  690. </span>
  691. </a>
  692. </div>
  693. <table style="width:100%">
  694. <tr>
  695. <td class="portrait"><a href="/"><img src=https://i.imgur.com/tPXYiR3.gif"/></td></a>
  696. <td class="aboutbox_content">
  697. {Title}
  698. {Description}
  699. <hr/>
  700. <div class="aboutbox_buttons">
  701. <div class="aboutbox_ask">
  702. {block:AskEnabled}
  703. <span class="aboutbox_button button">
  704. <a href="/ask">{AskLabel}</a>
  705. </span>
  706. {/block:AskEnabled}
  707. {block:SubmissionsEnabled}
  708. <span class="aboutbox_button button">
  709. <a href="/submit">{SubmitLabel}</a>
  710. </span>
  711. {/block:SubmissionsEnabled}
  712. </div>
  713. {block:HasPages}
  714. <div class="aboutbox_pages">
  715. {block:Pages}
  716. <span class="aboutbox_button button">
  717. <a href="{URL}">{Label}</a>
  718. </span>
  719. {/block:Pages}
  720. </div>
  721. {/block:HasPages}
  722. {block:Pagination}
  723. <div class="aboutbox_pagination">
  724. {block:PreviousPage}
  725. <span class="aboutbox_button button">
  726. <a href="{PreviousPage}">Previous</a>
  727. </span>
  728. {/block:PreviousPage}
  729. {block:NextPage}
  730. <span class="aboutbox_button button">
  731. <a href="{NextPage}">Next</a>
  732. </span>
  733. {/block:NextPage}
  734. </div>
  735. {/block:Pagination}
  736. </div>
  737. </td>
  738. </tr>
  739. </table>
  740. </div>
  741.  
  742. <!-- end ABOUTBOX-->
  743.  
  744. <div class="posts">
  745.  
  746. {block:IfShowSearchBoxOnTaggedPages}{block:TagPage}
  747. <div class="winbox postbox" id="tagbox">
  748. <div class="winbox_header">
  749. <span class="winbox_title">
  750. <strong class="winbox_titletext">Find: All Posts</strong>
  751. </span>
  752. <a class="winbox_title" href="/">
  753. <span class="winbox_icon button">
  754. <strong>X</strong>
  755. </span>
  756. </a>
  757. </div>
  758. <table width="100%">
  759. <tr>
  760. <td>
  761. <div class="postbox_body">
  762. <span class="postbox_tab">
  763. <a>Name & Location</a>
  764. </span>
  765. <span class="postbox_tab unselected_tab">
  766. <a>Date Modified</a>
  767. </span>
  768. <span class="postbox_tab unselected_tab">
  769. <a>Advanced</a>
  770. </span>
  771. <table width="95%">
  772. <tr class="search_row">
  773. <td class="search_label">
  774. <span>Tagged:</span>
  775. </td>
  776. <td class="search_box">
  777. <span>{Tag}</span>
  778. <span class="search_box_icon"></span>
  779. </td>
  780. </tr>
  781. <tr>
  782. <td class="search_label">
  783. <span>Look in:</span>
  784. </td>
  785. <td>
  786. <table width="100%" style="position:relative;">
  787. <tr>
  788. <td class="search_box search_box_look">
  789. <span>HD (C:\)</span>
  790. <span class="search_box_icon"</span>
  791. </td>
  792. <td width="25%">
  793. <div class="button search_button search_browse"><a>Browse...</a></span>
  794. </td>
  795. </tr>
  796. </table>
  797. </td>
  798. </tr>
  799. <tr>
  800. <td></td>
  801. <td>
  802. <img class="checkbox"/>
  803. <span style="vertical-align:top;">Include subfolders</span>
  804. </td>
  805. </tr>
  806. <tr style="height:58px;">
  807. </tr>
  808. </table>
  809. </div>
  810. </td>
  811. <td width="15%">
  812. <div class="search_buttons">
  813. <div class="button search_button">
  814. <a>Search</a>
  815. </div>
  816. <div class="button search_button">
  817. <a>Stop</a>
  818. </div>
  819. <div class="button search_button">
  820. <a>New Search</a>
  821. </div>
  822. <p class="search_icon_container">
  823. <img class="search_icon"/>
  824. </p>
  825. </div>
  826. </td>
  827. </tr>
  828. </table>
  829. </div>
  830. {/block:TagPage}{/block:IfShowSearchBoxOnTaggedPages}
  831.  
  832.  
  833. {block:Posts inlineMediaWidth="500" inlineNestedMediaWidth="500"}
  834. <div class="winbox postbox" id="post_{PostID}">
  835. <div class="winbox_header">
  836. <a href="{Permalink}" class="winbox_title">
  837. <strong class="winbox_titletext {block:Date}first_caps{/block:Date}">{block:Date}{PostType} Post{block:Title} - {/block:Title}{/block:Date}{block:Title}{Title}{/block:Title}</strong>
  838. <span class="winbox_icon button"><strong>X</strong></span>
  839. </a>
  840. {block:Date}
  841. <span class="winbox_icon button winbox_reblog">{ReblogButton color="black" size="8"}</span>
  842. <span class="winbox_icon button winbox_like">{LikeButton color="black" size="8"}</span>
  843. {/block:Date}
  844. </div>
  845. {block:Date}
  846. <a href="{Permalink}" class="postbox_date">
  847. Posted: {TimeAgo}<br/>
  848. {ShortMonth} {DayOfMonth} {Year} at {12Hour}:{Minutes}{CapitalAmPm}
  849. </a>
  850. <a href="{Permalink}" class="postbox_icon {PostType}_icon"></a>
  851. {/block:Date}
  852. <div class="postbox_body">
  853. <span {block:PermalinkPage}onclick="tab(this,'close');"{/block:PermalinkPage} post-id="{PostID}" id="closeNotes_{PostID}" class="postbox_tab close_notes">
  854. <a {block:IndexPage}href="{Permalink}"{/block:IndexPage}{block:PermalinkPage}href="javascript:;"{/block:PermalinkPage}>Content</a>
  855. </span>
  856. {block:Date}
  857. <span {block:PermalinkPage}onclick="tab(this,'open');"{/block:PermalinkPage} post-id="{PostID}" id="openNotes_{PostID}" class="postbox_tab open_notes unselected_tab">
  858. <a {block:IndexPage}href="{Permalink}"{/block:IndexPage}{block:PermalinkPage}href="javascript:;"{/block:PermalinkPage}>{NoteCount} Note<span class="notes_{NoteCount}">s</span></a>
  859. </span>
  860. {/block:Date}
  861. <div class="postbox_content" id="postContent_{PostID}">
  862. {block:Text}
  863. {Body}
  864. {/block:Text}
  865. {block:Photo}
  866. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  867. {block:Caption}
  868. <br/>{Caption}
  869. {/block:Caption}
  870. {/block:Photo}
  871. {block:Photoset}
  872. {Photoset-500}
  873. {block:Caption}
  874. <br/>{Caption}
  875. {/block:Caption}
  876. {/block:Photoset}
  877. {block:Quote}
  878. <div class="quote meta">{Quote}</div>
  879. {block:Source}
  880. <table style="width:100%" class="quote_table">
  881. <tr>
  882. <td style="width:20px;vertical-align:top;text-align:center">&mdash;</td>
  883. <td>{Source}</td>
  884. </tr>
  885. </table>
  886. {/block:Source}
  887. {/block:Quote}
  888. {block:Link}
  889. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  890. {block:Description}
  891. {Description}
  892. {/block:Description}
  893. {/block:Link}
  894. {block:Chat}
  895. {block:Lines}
  896. <div class="meta">
  897. {block:Label}<span class="inbox"><strong>{Label}</strong></span>{/block:Label}
  898. <p class="chatline">{Line}</p>
  899. </div>
  900. {/block:Lines}
  901. {/block:Chat}
  902. {block:Audio}
  903. {block:AudioEmbed}
  904. {AudioEmbed-500}
  905. {/block:AudioEmbed}
  906. {block:AudioPlayer}
  907. <table style="width:100%">
  908. {block:AlbumArt}
  909. <tr>
  910. <td style="width:35%" class="meta">
  911. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName}{block:Artist} - {/block:Artist}{TrackName}{/block:TrackName}{block:Album}({Album}){/block:Album}" />
  912. </td>
  913. {/block:AlbumArt}
  914. <td {block:AlbumArt}style="width:65%"{/block:AlbumArt} class="meta">
  915. <table style="width:100%">
  916. <tr>
  917. <td>
  918. <table style="width:100%">
  919. <tr>
  920. <td class="meta audio_player">
  921. {AudioPlayerBlack}
  922. </td>
  923. <td class="meta audio_count">
  924. {PlayCountWithLabel}
  925. </td>
  926. </tr>
  927. </table>
  928. </td>
  929. </tr>
  930. {block:Artist}
  931. <tr>
  932. <td class="meta">
  933. <strong class="inbox">Artist:</strong>
  934. <p>{Artist}</p>
  935. </td>
  936. </tr>
  937. {/block:Artist}
  938. {block:TrackName}
  939. <tr>
  940. <td class="meta">
  941. <strong class="inbox">Track:</strong>
  942. <p>{TrackName}</p>
  943. </td>
  944. </tr>
  945. {/block:TrackName}
  946. {block:Album}
  947. <tr>
  948. <td class="meta">
  949. <strong class="inbox">Album:</strong>
  950. <p>{Album}</p>
  951. </td>
  952. </tr>
  953. {/block:Album}
  954. </table>
  955. </td>
  956. </tr>
  957. </table>
  958. {/block:AudioPlayer}
  959. {block:Caption}
  960. <br/>{Caption}
  961. {/block:Caption}
  962. {/block:Audio}
  963. {block:Video}
  964. {Video-500}
  965. {block:Caption}
  966. <br/>{Caption}
  967. {/block:Caption}
  968. {/block:Video}
  969. {block:Answer}
  970. <div class="meta">
  971. <span class="inbox">
  972. <img src="{AskerPortraitURL-16}"/> {Asker} asks:
  973. </span>
  974. <p class="question">{Question}</p>
  975. </div>
  976. <br/>
  977. {block:Answerer}
  978. <div class="meta">
  979. <span class="inbox">
  980. <img src="{AnswererPortraitURL-16}"/> {Answerer} says:
  981. </span>
  982. <p class="answer">{Answer}</p>
  983. </div>
  984. {/block:Answerer}
  985. {Replies}
  986. {/block:Answer}
  987. {block:HasTags}
  988. <hr/>
  989. <table style="width:100%">
  990. <tr>
  991. <td style="width:30px">Tags:</td>
  992. <td>
  993. <span class="postbox_tags">
  994. {block:Tags}
  995. <a href="{TagURL}">{Tag}</a><span class="tag_commas">, </span>
  996. {/block:Tags}
  997. </span>
  998. </td>
  999. </tr>
  1000. </table>
  1001. {/block:HasTags}
  1002. </div>
  1003. <div class="posbox_notes" id="postNotes_{PostID}" style="display:none;">
  1004. {block:PostNotes}
  1005. {PostNotes}
  1006. {/block:PostNotes}
  1007. </div>
  1008. </div>
  1009. <div class="postbox_buttons">
  1010. {block:RebloggedFrom}
  1011. <span class="button postbox_button"><a href="{ReblogRootURL}">Source: {ReblogRootName}</a></span>
  1012. <span class="button postbox_button"><a href="{ReblogParentURL}">Via: {ReblogParentName}</a></span>
  1013. <br/>
  1014. <br/>
  1015. {/block:RebloggedFrom}
  1016. {block:Date}
  1017. <span class="button postbox_button"><a href="{ReblogURL}">Reblog</a></span>
  1018. {/block:Date}
  1019. <br/>
  1020. <br/>
  1021. </div>
  1022. </div>
  1023. {/block:Posts}
  1024. </div>
  1025. </body>
  1026.  
  1027. </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!