elshel

SPHS BAND MAIN

Jun 7th, 2014
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.71 KB | None | 0 0
  1. <!------note "CREDIT" page----------
  2.  
  3. SPHS TIGER BAND THEME BY: ELYSE YIM
  4. LAST UPDATE: 06/06/14
  5.  
  6. -----------
  7.  
  8. conditions:
  9. -DO NOT DISTRIBUTE
  10. -CODE CHANGES ALLOWED BY WEBMASTER AND PERMITTED ADMINS ONLY
  11.  
  12. ------------------------------------>
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  20. <meta name="description" content="" />
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  22.  
  23. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300' rel='stylesheet' type='text/css'>
  26. <link href="//fonts.googleapis.com/css?family=Pacifico:400" rel="stylesheet" type="text/css">
  27.  
  28.  
  29. <!---APPEARANCE OPTIONS
  30. ----------------------->
  31.  
  32.  
  33. <meta name="text:Link 1 Url" content=""/>
  34. <meta name="text:Link 1 Name" content=""/>
  35. <meta name="text:Link 2 Url" content=""/>
  36. <meta name="text:Link 2 Name" content=""/>
  37. <meta name="text:Link 3 Url" content=""/>
  38. <meta name="text:Link 3 Name" content=""/>
  39. <meta name="text:Link 4 Url" content=""/>
  40. <meta name="text:Link 4 Name" content=""/>
  41. <meta name="text:Link 5 Url" content=""/>
  42. <meta name="text:Link 5 Name" content=""/>
  43.  
  44. <meta name="image:Title image" content=""/>
  45. <meta name="image:top" content=""/>
  46.  
  47.  
  48. <!---CSS
  49. ---------------------->
  50. <style type="text/css">
  51. /*GENERAL*/
  52. .container {
  53. width: 1000px;
  54. margin: auto;
  55. }
  56. body {
  57. margin:0;
  58. font-family: Calibri;
  59. font-size: 12px;
  60. color: #5b5b5b;
  61. }
  62. a {
  63. text-decoration: none;
  64. color: #f07818;
  65. -moz-transition-duration: 0.5s;
  66. -o-transition-duration: 0.5s;
  67. -webkit-transition-duration: 0.5s;
  68. transition-duration: 0.5s;
  69. }
  70. a:hover {
  71. color: #5b5b5b;
  72. -moz-transition-duration: 0.5s;
  73. -o-transition-duration: 0.5s;
  74. -webkit-transition-duration: 0.5s;
  75. transition-duration: 0.5s;
  76. }
  77.  
  78. /*SCROLLBAR*/
  79. ::-webkit-scrollbar-thumb:vertical {background-color: #5b5b5b; height: 10px;}
  80. ::-webkit-scrollbar-thumb:horizontal {background-color: #5b5b5b; height:10px!important;}
  81. ::-webkit-scrollbar {background-color: #ffa500; height:8px; width:5px;}
  82.  
  83. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  84. /*SIDEBAR*/
  85. #header {
  86. background-color: #ffa500;
  87. position: relative;
  88. width: 100%;
  89. z-index:100;
  90. }
  91. #header img {
  92. margin-bottom: -3px;
  93. max-height:150px;
  94. }
  95.  
  96. .sidebar {
  97. width: 100%;
  98. height: 35px;
  99. background-color: #5b5b5b;
  100. position: fixed;
  101. z-index: 100;
  102. }
  103. .toplinks {
  104. width: 100%;
  105. text-align: center;
  106. line-height: 35px;
  107. text-transform: uppercase;
  108. position: fixed;
  109. z-index: 101;
  110. }
  111. .toplinks a {
  112. margin: 0 15px;
  113. color: #757575;
  114. -moz-transition-duration: 0.3s;
  115. -o-transition-duration: 0.3s;
  116. -webkit-transition-duration: 0.3s;
  117. transition-duration: 0.3s;
  118. }
  119. .toplinks a:hover {
  120. color: #e2e2e2;
  121. border-bottom: 1px solid #ffa500;
  122. -moz-transition-duration: 0.7s;
  123. -o-transition-duration: 0.7s;
  124. -webkit-transition-duration: 0.7s;
  125. transition-duration: 0.7s;
  126. }
  127. .blog-title {
  128. font-family: "Roboto Condensed";
  129. font-size: 14px;
  130. padding: 0 8px;
  131. }
  132. .blog-title a {
  133. color: #fff;
  134. -moz-transition-duration: 0.7s;
  135. -o-transition-duration: 0.7s;
  136. -webkit-transition-duration: 0.7s;
  137. transition-duration: 0.7s;
  138. }
  139. .blog-title a:hover {
  140. color: #ffa500;
  141. border-bottom: 1px solid #e2e2e2;
  142. -moz-transition-duration: 0.7s;
  143. -o-transition-duration: 0.7s;
  144. -webkit-transition-duration: 0.7s;
  145. transition-duration: 0.7s;
  146. }
  147. /*LITERAL SIDEBAR*/
  148. .literal {
  149. width: 250px;
  150. height: 100%;
  151. margin-top:17px;
  152. margin-left: -75px;
  153. margin-right: auto;
  154. text-align: left;
  155. position: fixed;
  156. top: 180px;
  157. }
  158. .updates {
  159. border-top: 1px solid #d2d2d2;
  160. padding: 10px 0px;
  161. }
  162. .mainlinks {
  163. padding: 15px 10px;
  164. color: #5b5b5b;
  165. font-style: none;
  166. width: 100%;
  167. }
  168. .mainlinks ul {
  169. list-style: none;
  170. margin-left: -52px;
  171. margin-top: -10px;
  172. }
  173. .mainlinks li {
  174. padding-top: 3px;
  175. }
  176. .mainlinks a {
  177. display: block;
  178. padding: 4px 3px;
  179. color: #5b5b5b;
  180. width: 100%;
  181. -moz-transition-duration: 0.5s;
  182. -o-transition-duration: 0.5s;
  183. -webkit-transition-duration: 0.5s;
  184. transition-duration: 0.5s;
  185. }
  186. .mainlinks a:hover {
  187. text-decoration: underline;
  188. background-color: #ffa500;
  189. color: #fff;
  190. -moz-transition-duration: 0.5s;
  191. -o-transition-duration: 0.5s;
  192. -webkit-transition-duration: 0.5s;
  193. transition-duration: 0.5s;
  194. }
  195.  
  196. .who {
  197. color: #ffa500;
  198. -moz-transition-duration: 0.5s;
  199. -o-transition-duration: 0.5s;
  200. -webkit-transition-duration: 0.5s;
  201. transition-duration: 0.5s;
  202. }
  203. .literal:hover .who {
  204. display: none;
  205. -moz-transition-duration: 0.5s;
  206. -o-transition-duration: 0.5s;
  207. -webkit-transition-duration: 0.5s;
  208. transition-duration: 0.5s;
  209. }
  210. .hover {
  211. display:none;
  212. color: #d2d2d2;
  213. -moz-transition-duration: 0.5s;
  214. -o-transition-duration: 0.5s;
  215. -webkit-transition-duration: 0.5s;
  216. transition-duration: 0.5s;
  217. }
  218. .literal:hover .hover {
  219. cursor: pointer;
  220. display: block;
  221. transition: all 0.3s ease-out;
  222. -o-transition: all 0.3s ease-out;
  223. -webkit-transition: all 0.3s ease-out;
  224. -moz-transition: all 0.3s ease-out;
  225. }
  226.  
  227. .desc {
  228. display: none;
  229. max-width: 250px;
  230. margin: 17px 0;
  231. padding: 6px 10px;
  232. color: #d2d2d2;
  233. text-align: justify;
  234. }
  235. .credit {
  236. position: fixed;
  237. right: 5px;
  238. bottom: 3px;
  239. padding: 20px 10px;
  240. }
  241. .credit a {
  242. color: #000;
  243. text-align: center;
  244. }
  245. .credit a:hover {
  246. color: #ffa500;
  247. }
  248. /*NAVIGATION*/
  249. .nav {
  250. border-top: 1px solid #d2d2d2;
  251. font-size: 11px;
  252. text-align: ;
  253. padding: 15px 6px;
  254. }
  255. .jump_page {
  256. padding: 2px 5px 2px 5px;
  257. -moz-transition-duration: 0.5s;
  258. -o-transition-duration: 0.5s;
  259. -webkit-transition-duration: 0.5s;
  260. transition-duration: 0.5s;
  261. }
  262. .jump_page:hover {
  263. background-color: #ffa500;
  264. color: #fff;
  265. -moz-transition-duration: 0.5s;
  266. -o-transition-duration: 0.5s;
  267. -webkit-transition-duration: 0.5s;
  268. transition-duration: 0.5s;
  269. }
  270. .current_page {
  271. background-color:#ffa500;
  272. color: #fff;
  273. padding: 2px 5px 2px 5px;
  274. }
  275. .nextpage {
  276. padding-left: 5px;
  277. }
  278. .lastpage {
  279. padding-right: 5px;
  280. }
  281. /*MEDIA ICONS*/
  282. .media {
  283. border-top: 1px solid #d2d2d2;
  284. padding: 10px 0px;
  285. }
  286. .medianame {
  287. font-family: "Roboto Condensed";
  288. font-size: 16px;
  289. }
  290. .media img {
  291. max-width: 45px;
  292. opacity: 0.8;
  293. -moz-transition-duration: 0.5s;
  294. -o-transition-duration: 0.5s;
  295. -webkit-transition-duration: 0.5s;
  296. transition-duration: 0.5s;
  297. }
  298. .media img:hover {
  299. opacity: 1;
  300. -moz-transition-duration: 0.5s;
  301. -o-transition-duration: 0.5s;
  302. -webkit-transition-duration: 0.5s;
  303. transition-duration: 0.5s;
  304. }
  305. /*POSTS*/
  306. #about {
  307. padding-bottom: 5px;
  308. margin-bottom: 15px;
  309. font-size: 16px;
  310. }
  311. .postcol {
  312. width: 540px;
  313. margin-left: 240px;
  314. margin-top: 90px;
  315. }
  316. .posts {
  317. border-bottom: 1px solid #d2d2d2;
  318. background-color: #fff;
  319. padding: 0 10px;
  320. margin-left: 10px;
  321. }
  322.  
  323. /*POST INFO*/
  324. .postinfo {
  325. margin-bottom: 60px;
  326. padding-bottom: 5px;
  327. padding-top: 2px;
  328. color: #cdcdcd;
  329. }
  330. .postinfo a {
  331. padding-right: 25px;
  332. color: #cdcdcd;
  333. -moz-transition-duration: 0.5s;
  334. -o-transition-duration: 0.5s;
  335. -webkit-transition-duration: 0.5s;
  336. transition-duration: 0.5s;
  337. }
  338. .postinfo a:hover {
  339. color: #ffa500;
  340. -moz-transition-duration: 0.5s;
  341. -o-transition-duration: 0.5s;
  342. -webkit-transition-duration: 0.5s;
  343. transition-duration: 0.5s;
  344. }
  345. .tags {
  346. color: #757575;
  347. max-width: 500px;
  348. padding: 2px 0;
  349. word-wrap: break-word;
  350. }
  351. .tags a {
  352. color: #757575;
  353. margin-right: 8px;
  354. margin-left: 1px;
  355. -moz-transition-duration: 0.5s;
  356. -o-transition-duration: 0.5s;
  357. -webkit-transition-duration: 0.5s;
  358. transition-duration: 0.5s;
  359. }
  360. .tags a:hover {
  361. color: #ffa500;
  362. -moz-transition-duration: 0.5s;
  363. -o-transition-duration: 0.5s;
  364. -webkit-transition-duration: 0.5s;
  365. transition-duration: 0.5s;
  366. }
  367. /*ASKS*/
  368. .question {
  369. background-color: #e2e2e2;
  370. padding: 5px 10px;
  371. }
  372. #asker {
  373. color: #fff;
  374. font-style: italic;
  375. }
  376. /*AUDIO*/
  377. .cover {
  378. width: 250px;
  379. height: auto;
  380. }
  381. .playbutton {
  382. z-index: 100;
  383. position: absolute;
  384. margin-left: 25px;
  385. margin-top:150px;
  386. }
  387. /*LINKS*/
  388. .link {
  389. font-family: "Roboto Condensed";
  390. font-size: 16px;
  391. text-transform: uppercase;
  392. text-align: left;
  393. background-color: #e2e2e2;
  394. padding: 8px 6px;
  395. }
  396. .arrow {
  397. margin-left: 10px;
  398. }
  399.  
  400. /*POPUP*/
  401. #fade {
  402. display: none;
  403. background: #000;
  404. position: fixed;
  405. left: 0;
  406. top: 0;
  407. width: 100%;
  408. height: 100%;
  409. opacity: .80;
  410. z-index: 9999;
  411. }
  412. .popup_block{
  413. display: none;
  414. background: #fff;
  415. padding: 20px;
  416. float: left;
  417. position: fixed;
  418. top: 50%;
  419. left: 50%;
  420. z-index: 99999;
  421. }
  422. img.btn_close {
  423. float: right;
  424. margin: -55px -55px 0 0;
  425. }
  426. *html #fade {
  427. position: absolute;
  428. }
  429. *html .popup_block {
  430. position: absolute;
  431. }
  432. .popheader {
  433. width: 300px;
  434. height: 125px;
  435. background-color: #e2e2e2;
  436. color: #5b5b5b;
  437. line-height: 125px;
  438. text-align: center;
  439. text-transform: uppercase;
  440. font-family: "Roboto Condensed";
  441. font-size: 32px;
  442. }
  443. .poptable {
  444. width: 300px;
  445. margin: 16px 0;
  446. }
  447. .poptable td {
  448. background-color: #ffa500;
  449. border: 2px solid #ffa500;
  450. width: 148px;
  451. padding: 16px 26px;
  452. text-align: center;
  453. vertical-align: middle;
  454. -moz-transition-duration: 0.7s;
  455. -o-transition-duration: 0.7s;
  456. -webkit-transition-duration: 0.7s;
  457. transition-duration: 0.7s;
  458. }
  459. .poptable td:hover {
  460. background-color: #fff;
  461. color: #ffa500;
  462. border: 2px solid #ffa500;
  463. -moz-transition-duration: 0.7s;
  464. -o-transition-duration: 0.7s;
  465. -webkit-transition-duration: 0.7s;
  466. transition-duration: 0.7s;
  467. }
  468. .poptable td a {
  469. color: #fff;
  470. -moz-transition-duration: 0.5s;
  471. -o-transition-duration: 0.5s;
  472. -webkit-transition-duration: 0.5s;
  473. transition-duration: 0.5s;
  474. }
  475. .poptable td a:hover {
  476. color: #ffa500;
  477. -moz-transition-duration: 0.7s;
  478. -o-transition-duration: 0.7s;
  479. -webkit-transition-duration: 0.7s;
  480. transition-duration: 0.7s;
  481. }
  482.  
  483. .search-bar {
  484. position: fixed;
  485. z-index: 1000;
  486. right: 450px;
  487. margin-top: 8px;
  488. }
  489. .search-bar input {
  490. border: 0px;
  491. outline: none !important;
  492. margin-top: 0px;
  493. padding: 4px 8px;
  494. background-color: #f5f5f5;
  495. color: #999;
  496. font-size: 9px;
  497. font-family: calibri, helvetica, arial;
  498. letter-spacing: 1px;
  499. text-transform: uppercase;
  500. position: fixed;
  501. }
  502. #sbimg {
  503. height: 11px;
  504. vertical-align: top;
  505. margin-left: 130px;
  506. }
  507.  
  508.  
  509. </style>
  510. <!--SCRIPTS-->
  511. <script type="text/javascript"
  512. src="http://www.google.com/jsapi"></script>
  513.  
  514. <script type="text/javascript">
  515. google.load("jquery", "1.3");
  516. google.setOnLoadCallback(function() {
  517. jQuery(function($) {
  518. var elementPosition = $('.sidebar').offset();
  519.  
  520. $(window).scroll(function(){
  521. if($(window).scrollTop() > elementPosition.top){
  522. $('.sidebar').css('position','fixed').css('top','0');
  523. } else {
  524. $('.sidebar').css('position','static');
  525. }
  526. });
  527.  
  528. var elementPosition = $('.toplinks').offset();
  529.  
  530. $(window).scroll(function(){
  531. if($(window).scrollTop() > elementPosition.top){
  532. $('.toplinks').css('position','fixed').css('top','0');
  533. } else {
  534. $('.toplinks').css('position','static');
  535. }
  536. });
  537.  
  538. $(function() {
  539. $('.hover').click(function() {
  540. $(this).find('.desc').slideToggle();
  541. });
  542. });
  543. });
  544. });
  545.  
  546. </script>
  547. <!--POP UP CODE-->
  548. <script type="text/javascript"
  549. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  550.  
  551. <script>
  552. $(document).ready(function() {
  553.  
  554. //
  555.  
  556. //When you click on a link with class of poplight and the href starts with a #
  557.  
  558. $('a.poplight[href^=#]').click(function() {
  559.  
  560. var popID = $(this).attr('rel'); //Get Popup Name
  561.  
  562. var popURL = $(this).attr('href'); //Get Popup href to define size
  563.  
  564. //Pull Query & Variables from href URL
  565.  
  566. var query= popURL.split('?');
  567.  
  568. var dim= query[1].split('&');
  569.  
  570. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  571.  
  572. //Fade in the Popup and add close button
  573.  
  574. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  575.  
  576. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  577.  
  578. var popMargTop = ($('#' + popID).height() + 80) / 2;
  579.  
  580. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  581.  
  582. //Apply Margin to Popup
  583.  
  584. $('#' + popID).css({
  585.  
  586. 'margin-top' : -popMargTop,
  587. 'margin-left' : -popMargLeft
  588.  
  589. });
  590.  
  591. //Fade in Background
  592.  
  593. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  594.  
  595. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  596.  
  597. return false;
  598. });
  599.  
  600. //Close Popups and Fade Layer
  601.  
  602. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  603.  
  604. $('#fade , .popup_block').fadeOut(function() {
  605.  
  606. $('#fade, a.close').remove(); //fade them both out
  607.  
  608. });
  609. return false;
  610. });
  611.  
  612.  
  613. });
  614. </script>
  615. </head>
  616.  
  617. <!---HTML
  618. --------------------->
  619. <body>
  620. <a href="/"><div id="header">
  621. <img src="{image:top}">
  622. </div></a>
  623. <div class="sidebar">
  624. <form action="/search" method="get" class="search-bar">
  625. <input type="text" name="q" value="{SearchQuery}" id="sb"/>
  626. <input type="image" value="Search" src="http://www.clker.com/cliparts/Q/l/L/B/F/a/search-icon-md.png" id="sbimg"/>
  627. </form>
  628.  
  629. <div class="toplinks">
  630. <a href="/archive">ARCHIVE</a>
  631. <a href="#?w=300" rel="popup_name" class="poplight">LINKS</a>
  632. <span class="blog-title"><a href="/">{Title}{block:IFTitleimage}<img src="{image:Title image}"/>{/block:IFTitleimage}</a></span>
  633. <a href="/contact">contact</a>
  634. <a href="/faq">FAQ</a>
  635. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  636. </div>
  637. </div>
  638.  
  639.  
  640. <div class="container">
  641. <div class="literal">
  642. <div class="who"><h2>WHO ARE WE?</h2></div>
  643. <span class="hover"><h2>(CLICK ME!)</h2>
  644.  
  645. <div class="desc">
  646. {Description}
  647. </div></span>
  648.  
  649. <div class="updates">
  650. <h2>RECENT UPDATES</h2>
  651. <div class="mainlinks">
  652. <ul>
  653. <li>{block:IfLink1Name}<a href="{text:Link 1 Url}">{text:Link 1 Name}</a>{/block:IfLink1Name}</li>
  654. <li>{block:IfLink2Name}<a href="{text:Link 2 Url}">{text:Link 2 Name}</a>{/block:IfLink2Name}</li>
  655. <li>{block:IfLink3Name}<a href="{text:Link 3 Url}">{text:Link 3 Name}</a>{/block:IfLink3Name}</li>
  656. <li>{block:IfLink4Name}<a href="{text:Link 4 Url}">{text:Link 4 Name}</a>{/block:IfLink4Name}</li>
  657. <li>{block:IfLink5Name}<a href="{text:Link 5 Url}">{text:Link 5 Name}</a>{/block:IfLink5Name}</li>
  658. </ul>
  659. </div>
  660. </div>
  661. <div class="nav">
  662. {block:Pagination}{block:PreviousPage}
  663. <span class="lastpage"><a href="{PreviousPage}">&#8637;</a></span>
  664. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  665. <span class="current_page">{PageNumber}</span>
  666. {/block:CurrentPage}{block:JumpPage}
  667. <a class="jump_page" href="{URL}">{PageNumber}</a>
  668. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  669. <span class="nextpage"><a href="{NextPage}">&#8640;</a></span>
  670. {/block:NextPage}{/block:Pagination}
  671. </div>
  672.  
  673. </div>
  674.  
  675. <!--POPUP CONTENT-->
  676. <div id="popup_name" class="popup_block">
  677. <div class="popheader">LINKS</div>
  678. <div class="poptable"><table>
  679. <tr>
  680. <td><a href="https://facebook.com/sphsmusicboosters"><div style= "height: 100%; width: 100%;">facebook<br /> (music boosters)</div></a></td>
  681. <td><a href="http://www.sphsmusicboosters.com/"><div style= "height: 100%; width: 100%;">website<br /> (music boosters)</div></a></td>
  682. </tr>
  683. <tr>
  684. <td><a href="https://www.facebook.com/groups/21401999299/"><div style= "height: 100%; width: 100%;">facebook<br /> (band)</div></a></td>
  685. <td><a href="/previous"><div style= "height: 100%; width: 100%;">previous shows</div></a></td>
  686. </tr>
  687. <tr>
  688. <td><a href="/ask"><div style= "height: 100%; width: 100%;">ask </div></a></td>
  689. <td><a href="/credit"><div style="height: 100%; width: 100%;">credit<br /></div></a></td>
  690. </tr>
  691. </table></div>
  692. </div>
  693.  
  694.  
  695. <div class="postcol">
  696. <!--POSTS-->
  697. <div class="posts" id="about">
  698. <em>This is a design project for practice, <u>not the official SPHS Band website</u>, though all info on this Tumblr is accurate.
  699. <br />The official website can be see at <a href="/">TBA</a>, created by Andrew Son (band webmaster).
  700. <br />-Elyse Y (contact through ask)
  701.  
  702. </em>
  703. </div>
  704. {block:Posts}
  705. <div class="posts">
  706.  
  707. <!--TEXT-->
  708. {block:Text}
  709. {block:Title}<h2>{Title}</h2>{/block:Title}
  710. {Body}
  711. {/block:Text}
  712.  
  713.  
  714. <!--ASKS-->
  715. {block:Answer}
  716. <div class="question"><table style="padding-bottom:5px; padding-top: 5px; margin-left:3px;">
  717. <tr>
  718. <td style="vertical-align:top; padding-right:10px; width:64px; height: auto;"><img src ="{AskerPortraitURL-48}"></td>
  719. <td style="vertical-align:top;"><span id="asker">{Asker} asked: {Question}</span></td>
  720. </tr>
  721. </table></div>
  722. {Answer}
  723. {/block:Answer}
  724.  
  725. <!--PHOTO-->
  726. {block:Photo}
  727. {LinkOpenTag}
  728. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  729. {LinkCloseTag}
  730. {block:Caption}{Caption}{/block:Caption}
  731. {/block:Photo}
  732.  
  733. <!--PHOTOSET-->
  734. {block:Photoset}
  735. {Photoset-500}
  736. {block:Caption}{Caption}{/block:Caption}
  737. {/block:Photoset}
  738.  
  739. <!--LINKS-->
  740. {block:Link}
  741. <div class="link"><a href="{URL}">{Name} <span class="arrow">→</span></a></div>
  742. <div id="linksdesc">{block:Description}{Description}{/block:Description}</div>
  743. {/block:Link}
  744.  
  745. <!--AUDIO-->
  746. {block:Audio}
  747. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  748. {block:AlbumArt}
  749. <img class="cover" src="{AlbumArtURL}">
  750. {/block:AlbumArt}
  751. {block:Caption}{Caption}{/block:Caption}
  752. {/block:Audio}
  753.  
  754. <!--VIDEO-->
  755. <div class="video">
  756. {block:Video}
  757. {Video-500}
  758. {block:Caption}{Caption}{/block:Caption}
  759. {/block:Video}
  760. </div>
  761.  
  762.  
  763.  
  764. <!--POST DIV--></div>
  765.  
  766. <!--POST INFO-->
  767. <div class="tags">
  768. {block:PermalinkPage} {block:HasTags}{block:Tags}#<a href="{TagURL}">{TAG}</a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  769. </div>
  770.  
  771. <div class="postinfo">
  772. {block:Date}
  773. <a href="{Permalink}"> {MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a> <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a></span>
  774. </div>
  775. {/block:Date}
  776.  
  777.  
  778. {/block:Posts}
  779. {block:NoSearchResults}
  780. <h2>No posts found tagged "{SearchQuery}". Sorry!</h2>
  781. {/block:NoSearchResults}
  782.  
  783. </div>
  784.  
  785.  
  786.  
  787. <div class="credit"><a href="/credit">&copy;</a></div>
  788.  
  789.  
  790. <!--CONTAINER DIV--></div>
  791.  
  792.  
  793.  
  794. <script src="http://static.tumblr.com/qwfkpqk/evSmlscpv/list.min.js"></script>
  795.  
  796. </body>
  797.  
  798.  
  799. </html>
Advertisement
Add Comment
Please, Sign In to add comment