API tools faq
paste
HFH2O

schoolofprivacy theme source V1

HFH2O
Nov 13th, 2015
201
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5.  
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <link href="{Favicon}" rel="" />
  9. <meta name="" content="{}" />
  10. <title>{Title}{block:Pagination} - {lang:Page CurrentPage of TotalPages}{/block:Pagination}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  11.  
  12.  
  13.  
  14.  
  15. <meta name="if:Show Archive Link" content="1" />
  16. <meta name="if:Show Twitter Icon" content="1" />
  17. <meta name="if:Show RSS Icon" content="1" />
  18. <meta name="if:Show Follow Icon" content="1" />
  19. <meta name="if:Include About Section" content="1" />
  20. <meta name="if:Include Following Section" content="1" />
  21. <meta name="if:Include Profile Picture" content="1" />
  22. <meta name="if:Include Install Button" content="1" />
  23.  
  24. <meta name="text:Twitter Username" content="" />
  25.  
  26.  
  27. <META name="keywords" content=",>
  28.  
  29. <META name="description" content="" >
  30.  
  31. <style type="text/css">
  32.  
  33.  
  34. /* ########## MAIN PAGE CSS ########## */
  35.  
  36. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  37. background: transparent;
  38. outline: 0;
  39. vertical-align: baseline;
  40. -webkit-font-smoothing: antialiased;
  41. }
  42.  
  43.  
  44. html{
  45. min-width:100%;
  46. min-height:100%;
  47. }
  48.  
  49.  
  50. body{
  51. margin:0;
  52. padding:0;
  53. height:100%;
  54. font-family:"Arial";
  55. line-height:24px;
  56. font-size:16px;
  57. background-image:url(http://static.tumblr.com/wn0cr0d/Nlclzwkcz/background-header.png);
  58. background-repeat:repeat-x;
  59. background-color: #FbFbFb;
  60. }
  61.  
  62. div.wrap{
  63. margin:auto auto;
  64. padding:40px 0 0 0;
  65. width:1000px;
  66. min-height:100%;}
  67.  
  68. a {color:#900000;
  69. text-decoration:none;
  70. }
  71.  
  72. a:hover{
  73. color:#111;
  74. }
  75.  
  76. h1{
  77. color:#333;
  78. letter-spacing:-3px;}
  79.  
  80. h1.h1title{
  81. color:#111;
  82. font-size:64px;
  83. text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
  84. letter-spacing:-5px;
  85. margin: 24px 0 -17px 0;
  86. max-width:670px;
  87. display:inline;}
  88.  
  89. h1.h1title:hover{
  90. text-decoration:none;
  91. color:#900000;}
  92.  
  93. a.titlelink{
  94. display:inline;
  95. text-decoration:none;}
  96.  
  97. h2{
  98. color:#900000;
  99. letter-spacing:-1px;
  100. }
  101.  
  102. h2 p{
  103. margin:0;
  104. padding:0;
  105. }
  106.  
  107. /* ########## TITLE, ICONS & SEARCH ########## */
  108.  
  109. iframe#tumblr_controls{
  110. position: absolute;
  111. z-index: 1337;
  112. top: 0px;
  113. right: 89px !important;
  114. border: 0px;
  115. background-color: transparent;
  116. overflow: hidden;
  117. }
  118.  
  119. div#instaltheme{
  120. background-image: url('http://static.tumblr.com/wn0cr0d/XGtlzy8ze/install.png');
  121. background-repeat:no-repeat;
  122. width: 86px;
  123. height: 20px;
  124. position: absolute;
  125. top: 3px;
  126. right: 3px;
  127. z-index: 99;
  128. opacity:0.6;
  129. filter:alpha(opacity=60); /* For IE8 and earlier */}
  130.  
  131. div.titlebox{
  132. float:left;
  133. max-width:670px;
  134. line-height:50px;
  135. margin-bottom:-80px;}
  136.  
  137. div.icons{
  138. float:right;
  139. height:67px;
  140. margin-top: 15px;
  141. clear:left;}
  142.  
  143. div.icons a{
  144. float:right;}
  145.  
  146. div.icons .twitter{
  147. height:67px;
  148. width:102px;
  149. background-image:url(http://static.tumblr.com/wn0cr0d/8Cjlzhn8a/twitter-sprite.png);
  150. }
  151.  
  152. div.icons .twitter:hover{
  153. background-position:0 67px;
  154. }
  155.  
  156.  
  157. div.icons .rss{
  158. height:67px;
  159. width:82px;
  160. background-image:url(http://static.tumblr.com/wn0cr0d/dl2lzhnq6/rss-sprite.png);
  161. margin:0 5px 0 0;}
  162.  
  163.  
  164. div.icons .rss:hover{
  165. background-position:0 67px;
  166. }
  167.  
  168. div.icons .add{
  169. height:66px;
  170. width:70px;
  171. background-image:url(http://static.tumblr.com/wn0cr0d/KvRlzhnhf/add-sprite.png);
  172. margin:1px 20px 0 0;}
  173.  
  174.  
  175. div.icons .add:hover{
  176. background-position:0 66px;
  177. }
  178.  
  179.  
  180. div#titlehover{
  181. clear:both;
  182. width:1000px;
  183. height:0px;
  184. border-style:solid none solid none;
  185. border-width:3px;}
  186.  
  187. div.twitterhover{
  188. border-color:#5dd7fc;
  189. }
  190.  
  191. div#navigation a.twitterhover{
  192.  
  193. background-color:#5dd7fc!important;
  194.  
  195. }
  196.  
  197. div.rsshover{
  198. border-color:#f87301;
  199. }
  200.  
  201. div#navigation a.rsshover{
  202. background-color:#f87301!important;
  203.  
  204. }
  205.  
  206. div.addhover{
  207. border-color:#900000;
  208. }
  209.  
  210.  
  211. div#navigation a.addhover{
  212. background-color:#900000!important;
  213.  
  214. }
  215. div.searchbox{
  216. margin: -30px 0 25px 0;
  217. }
  218.  
  219. input.search{
  220. float:left;
  221. border-width:1px;
  222. border-color:#e1e1e1;
  223. }
  224.  
  225. input.gosearch{
  226. margin:3px;
  227. width:17px;
  228. height:17px}
  229.  
  230. /* ########## NAVIGATION CSS ########## */
  231.  
  232. div#navigation{
  233. width:900px;
  234. min-height:25px;
  235. margin:0 0 55px 0;}
  236.  
  237. div#navigation a{
  238. background-color:black;
  239. text-decoration:none;
  240. font-weight:bold;
  241. color:#FFFFFF;
  242. letter-spacing:-1px;
  243. text-transform:uppercase;
  244. margin:0 5px 0 0;
  245. padding:5px 15px 7px 15px;
  246. font-size:14px;}
  247.  
  248. div#navigation a:hover{
  249. color:black;
  250. background-color:white;
  251. border-style:solid;
  252. border-color:#000;
  253. border-width:1px;
  254. margin:0 3px 0 0;
  255. }
  256.  
  257. /* ########## PROFILE AND FOLLOWING BAR CSS ########## */
  258.  
  259. div.profile{
  260. clear:both;
  261. float:right;
  262. width:307px;
  263. margin: -25px 0 40px 0;
  264. }
  265.  
  266. img.profileimage{
  267. margin-left:145px;
  268. border-style:solid;
  269. border-width:5px;
  270. border-color:black;
  271. -webkit-box-shadow: 2px 2px 3px 0px #999;
  272. -moz-box-shadow: 2px 2px 3px 0px #999;
  273. box-shadow: 2px 2px 3px 0px #999;
  274. z-index:10;
  275. margin-bottom: -50px;
  276. position:relative;}
  277.  
  278. div.profileinner{
  279. width:275px;
  280. padding: 35px 15px 15px 15px;
  281. border-style:solid;
  282. border-color:#ccc;
  283. border-width:1px;
  284. background-color:white;
  285. -webkit-box-shadow: inset 0px 0px 60px 10px #EEE;
  286. -moz-box-shadow: inset 0px 0px 60px 10px #EEE;
  287. box-shadow: inset 0px 0px 60px 10px #EEE;
  288. z-index:-1;
  289. overflow:hidden;
  290. }
  291.  
  292. div.profileinner div#profiledescription img{
  293. width:273px;
  294. height:auto;
  295. border-style:solid;
  296. border-width:1px;}
  297.  
  298. div.profileinner h2{
  299. margin:30px 0 15px 0;
  300. color:#333;
  301. text-shadow: 0px 1px 0px #e1e1e8;
  302. border-style: none none solid none;
  303. border-width: 1px;
  304. border-color: #666;
  305. padding-bottom: 7px;}
  306.  
  307. img.followedpic{
  308. border-style:solid;
  309. border-color:black;
  310. border-width:1px;
  311. margin-right:1px;}
  312.  
  313. img.followedpic:hover{
  314. border-color:#900000;
  315. }
  316.  
  317. /* ########## DATE & ICON CSS ########## */
  318.  
  319. a.datetag{
  320. color:white;
  321. background-color:#222;
  322. font-size:12px;
  323. padding:5px 10px 6px 12px;
  324. display:inline;
  325. border-style:solid;
  326. border-width:2px;
  327. border-color:#000;
  328. margin:0;
  329. height:40px;}
  330.  
  331.  
  332. a.datetag:hover{
  333. color:white;
  334. text-decoration:underline;}
  335.  
  336. div.datetab{
  337. float:right;
  338. height:42px;
  339. position:relative;
  340. left:35px;
  341. bottom:5px;
  342. display:inline;
  343. background-image:url(http://static.tumblr.com/54yyynm/VZPlze0lb/datetab.png);
  344. background-repeat:no-repeat;
  345. background-position:right bottom;
  346. }
  347.  
  348. div.posticon{
  349. float:left;
  350. margin:-43px 10px 0 -50px;
  351. z-index:10;}
  352.  
  353. div.posticon img{
  354. width:65px;
  355. height:72px;}
  356.  
  357. /* ########## ALL POSTS CSS ########## */
  358.  
  359. div#allposts{
  360. width:610px;
  361. float:left;
  362. position:relative;
  363. bottom: 20px;}
  364.  
  365. div.postouter{
  366. width:610px;
  367. padding:0 40px 42px 45px;
  368. background-image:url(http://static.tumblr.com/54yyynm/esnlzf8fp/shadow.png);
  369. background-repeat:no-repeat;
  370. background-position:left bottom;
  371. margin:10px 0 25px -45px;
  372. }
  373.  
  374. div.photopostouter{
  375. width:610px;
  376. padding:0 40px 37px 45px;
  377. background-image:url(http://static.tumblr.com/54yyynm/esnlzf8fp/shadow.png);
  378. background-repeat:no-repeat;
  379. background-position:left bottom;
  380. margin:10px 0 20px -45px;
  381. }
  382.  
  383. div.photopostouter .datetab
  384. {position:relative;
  385. left:15px;
  386. top:27px;
  387. }
  388.  
  389. div.photopostouter .posticon
  390. {
  391. float:left;
  392. margin:0 0 0 0;
  393. position:relative;
  394. right:30px;
  395. bottom:16px;}
  396.  
  397. div.photopostouter iframe{
  398. width:600px;
  399. margin:-75px 0 0 0;
  400. border-style:solid;
  401. border-color:black;
  402. border-width:5px;}
  403.  
  404.  
  405. div#photoset{
  406. margin-left:36px;
  407. padding: 0 0 28px 0;}
  408.  
  409. div.post{
  410. width:570px;
  411. border-style:solid;
  412. border-color:#000;
  413. border-width:5px;
  414. padding:20px 15px 10px 15px;
  415. background-color:white;
  416. }
  417.  
  418. div.post img{
  419. max-width:570px;
  420. }
  421.  
  422. div.post h2{
  423. color:#900000;
  424. margin:0;
  425. padding:0;
  426. letter-spacing:-2px;
  427. font-size:24px;
  428. max-width:430px;
  429. display:inline;
  430. }
  431.  
  432. div.post a.posttitle{
  433. text-decoration:none;
  434. }
  435.  
  436. div.post h2:hover
  437. {
  438. color:#111;}
  439.  
  440. div.post .audio_player{
  441. margin: 20px 0 0 0;
  442. min-height: 110px;}
  443.  
  444.  
  445. img.photopost{
  446. border-style:solid;
  447. border-color:black;
  448. border-width:5px;
  449. width:600px;
  450. height:auto;
  451. margin:-75px 0 0 0}
  452.  
  453. div.videowrap{
  454. z-index:-999;
  455. }
  456.  
  457. div#photonote{
  458. margin: -50px 0 0 20px;
  459. }
  460.  
  461. div#photonote a.notecount:hover
  462. {
  463. color:white;
  464. }
  465.  
  466. h2#quote{
  467. font-size:36px;
  468. line-height:32px;
  469. }
  470.  
  471. div#quotesource{
  472. margin: 5px 0 20px 0;
  473. font-size:26px;}
  474.  
  475. a.quotesource{
  476. font-weight:bold;
  477. letter-spacing:-1px;
  478. color:#111;
  479. font-size:26px;}
  480.  
  481. a.quotesource a{
  482. font-weight:bold;
  483. letter-spacing:-1px;
  484. color:#111;
  485. font-size:26px;}
  486.  
  487. p.chatline{
  488. border-style: none none solid none;
  489. border-color: #CCC;
  490. border-width: 1px;
  491. padding: 7px 0 7px 0;
  492. margin: 0px;}
  493.  
  494. span#answer p:first-child
  495. {
  496. margin-top:0;
  497. padding-top:0;
  498. }
  499.  
  500. div#answerpost{
  501. min-height:125px;
  502. }
  503.  
  504. div#answerpost img{
  505. margin:0 10px 10px 0;
  506. border-style:solid;
  507. border-color:black;
  508. border-width:3px;
  509. float:left;
  510. clear:left;}
  511.  
  512. div#answerpost div#questionbreak{
  513. width:568px;
  514. height:10px;
  515. margin:0px;
  516. padding:0px;
  517. border-style:solid none none none;
  518. border-width:1px;
  519. border-color:#555;
  520. clear:left;}
  521.  
  522. div.photopostouter div.notes{
  523. margin: 35px 0 26px 0;
  524. }
  525.  
  526.  
  527. img.albumart{
  528. width: 100px;
  529. float: left;
  530. margin: 19px 10px 15px 0;
  531. }
  532.  
  533. /* ########## SOURCE, NOTES & TAGS CSS ########## */
  534.  
  535. div#photometa{
  536. width: 590px;
  537. position:relative;
  538. bottom:55px;}
  539.  
  540. div#photometa div#photonote{
  541. margin:0
  542. }
  543.  
  544. div#photometa div#source
  545. {
  546. margin:0;
  547. }
  548.  
  549. div#photometa h2{
  550. color:#900000;
  551. margin: 30px 0 10px 0;}
  552.  
  553. div#photometa h2:hover{
  554. color:#111111;
  555. }
  556.  
  557. div#source{
  558. clear:left;
  559. font-size: 12px;
  560. margin: 0 0 10px 0;
  561. }
  562.  
  563. div.notes
  564. {font-size:12px;
  565. font-weight:bold;}
  566.  
  567. div.notes a{
  568. text-decoration:none;
  569. color:#900000;
  570. }
  571.  
  572. div.notes a:hover{
  573. color:#333;
  574. text-decoration:underline;}
  575.  
  576. div.notes ol{
  577. list-style-type:none;
  578. padding:0;
  579. border-style:solid none none none;
  580. border-color:#CCC;
  581. border-width:1px;
  582. width: 570px;}
  583.  
  584. div.notes li{
  585. padding:7px 0 10px 0;
  586. border-style:none none solid none;
  587. border-color:#CCC;
  588. border-width:1px;
  589. width: 570px;}
  590.  
  591. div.notes .avatar{
  592. padding:1px;
  593. border-style:solid;
  594. border-width:1px;
  595. position: relative;
  596. top: 6px;
  597. margin: 0 5px 0 0;}
  598.  
  599. div.notes blockquote{
  600. margin: 10px 0 0 28px;
  601. background-color: #F6F6F6;
  602. padding: 5px;}
  603.  
  604. div.notes blockquote a{
  605. font-weight:normal;
  606. color:#555;
  607. }
  608.  
  609. div.notes blockquote a:hover{
  610. text-decoration:none;
  611. color:#900000;}
  612.  
  613. a.notecount{
  614. font-size:15px;
  615. font-weight:bold;
  616. text-decoration:none;
  617. color:black;
  618. margin-right:15px;
  619. }
  620.  
  621. a.notecount:hover{
  622. color:#900000;
  623. }
  624.  
  625. a.notecount img{
  626. height: 22px;
  627. position: relative;
  628. top: 5px;
  629. margin: 0 5px 0 0;
  630. }
  631.  
  632. div#reblogged
  633. {
  634. display: inline;
  635. font-size: 14px;
  636. font-weight: bold;
  637. margin-left: 10px;
  638. }
  639.  
  640. div#reblogged img
  641. {
  642. position: relative;
  643. top: 5px;
  644. margin-right: 5px;
  645. width: 23px;
  646. }
  647.  
  648. span.tags
  649. {
  650. font-size:14px;
  651. font-weight:bold;
  652. }
  653.  
  654.  
  655. span.tags a
  656. {
  657. background-color: black;
  658. color: white;
  659. padding: 3px 6px 3px 3px;
  660. font-size: 12px;
  661. margin-right:2px;}
  662.  
  663. span.tags a:hover{
  664. background-color:#900000;}
  665.  
  666. /* ########## DISQUS CSS ########## */
  667.  
  668. div#disqus_thread
  669. {
  670. width: 570px;
  671. padding: 0 15px 0 15px;
  672. border-style: solid;
  673. border-color: black;
  674. border-width:5px;
  675. background-color: white;
  676. margin-top: -35px;
  677. margin-bottom: 25px;
  678. overflow:hidden;}
  679.  
  680. ul#dsq-footer
  681. {
  682. display:none;
  683. }
  684.  
  685. /* ########## PAGINATION & FOOTER CSS ########## */
  686.  
  687. div.pagination{
  688. font-size:16px;
  689. font-weight:bold;
  690. letter-spacing:-1px;
  691. width: 595px;
  692. margin: 0 0 30px 0;}
  693.  
  694. div.pagination a{
  695. margin-right:10px;}
  696.  
  697. div.pagination a:hover{
  698. color:#111}
  699.  
  700. div.footer{
  701. width:1000px;
  702. border-style:solid none none none;
  703. border-width:5px;
  704. border-color:#000;
  705. clear:both;
  706. padding:0 0 25px 0;}
  707.  
  708. div.footer span{
  709. background-color:black;
  710. color:white;
  711. font-size:12px;
  712. font-weight:bold;
  713. padding:8px 12px 8px 12px;}
  714.  
  715. div.footer span a{
  716. text-decoration:none;
  717. color:white;}
  718.  
  719. div.footer span a:hover{
  720. text-decoration:underline;}
  721.  
  722. {CustomCSS}
  723. code {
  724. margin-left:1cm;
  725. border:3px solid black;
  726. outline-style:solid;
  727. outline-color:#000;
  728. background:#000;
  729. font-family:"Arial", Arial, Sans-serif;
  730. color:#fff;
  731. font-weight:bold;
  732. font-size:90%; }
  733.  
  734. .oval-thought {
  735. position:absolute;
  736. width:50px;
  737. padding:8px 10px;
  738. margin:1px
  739. margin-left:auto;
  740. text-align:center;
  741. color:#fff;
  742. background:#000;
  743. /* css3 */
  744. /*
  745. NOTES:
  746. -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4
  747. -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4
  748. Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this
  749. */
  750. -webkit-border-top-left-radius:100px 50px;
  751. -webkit-border-top-right-radius:100px 50px;
  752. -webkit-border-bottom-right-radius:100px 50px;
  753. -webkit-border-bottom-left-radius:100px 50px;
  754. -moz-border-radius:100px / 50px;
  755. border-radius:100px / 50px;
  756. }
  757.  
  758. .oval-thought p {font-size:0.80em;}
  759. .oval-thought a {color:#fff;}
  760. .oval-thought a:hover {color:#C0C0C0}
  761.  
  762. /* creates the larger circle */
  763. .oval-thought:before {
  764. content:"";
  765. position:absolute;
  766. bottom:-20px;
  767. left:50px;
  768. width:30px;
  769. height:30px;
  770. background:#000;
  771. /* css3 */
  772. -webkit-border-radius:30px;
  773. -moz-border-radius:30px;
  774. border-radius:30px;
  775. }
  776.  
  777. /* creates the smaller circle */
  778. .oval-thought:after {
  779. content:"";
  780. position:absolute;
  781. bottom:-30px;
  782. left:30px;
  783. width:15px;
  784. height:15px;
  785. background:#000;
  786. /* css3 */
  787. -webkit-border-radius:15px;
  788. -moz-border-radius:15px;
  789. border-radius:15px;
  790. }
  791. </style>
  792.  
  793.  
  794. <script type="text/javascript" src="http://static.tumblr.com/wn0cr0d/edTlzhnun/jquery-1.7.1.min.js"></script>
  795. <script>
  796. $(document).ready(function(){
  797.  
  798. $('.icons a').hover(function(){
  799. var icon = $(this).children('div').attr('class');
  800. $('#titlehover').addClass(icon+'hover');
  801. $('#navigation a').addClass(icon+'hover');
  802.  
  803. },function(){
  804. $('#titlehover').removeClass();
  805. $('#navigation a').removeClass();
  806.  
  807.  
  808. });
  809.  
  810. });
  811. </script>
  812.  
  813.  
  814. <!--
  815. ################## Slider CSS and Script ############
  816. //-->
  817. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'></script>
  818. <script type='text/javascript'>
  819. //<![CDATA[
  820.  
  821. /* ------------------------------------------------------------------------
  822. s3Slider
  823.  
  824. Developped By: Boban Karišik -> http://www.serie3.info/
  825. CSS Help: Mészáros Róbert -> http://www.perspectived.com/
  826. Version: 1.0
  827.  
  828. Copyright: Feel free to redistribute the script/modify it, as
  829. long as you leave my infos at the top.
  830. -------------------------------------------------------------------------- */
  831.  
  832. (function($){
  833.  
  834. $.fn.s3Slider = function(vars) {
  835.  
  836. var element = this;
  837. var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
  838. var current = null;
  839. var timeOutFn = null;
  840. var faderStat = true;
  841. var mOver = false;
  842. var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
  843. var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");
  844.  
  845. items.each(function(i) {
  846.  
  847. $(items[i]).mouseover(function() {
  848. mOver = true;
  849. });
  850.  
  851. $(items[i]).mouseout(function() {
  852. mOver = false;
  853. fadeElement(true);
  854. });
  855.  
  856. });
  857.  
  858. var fadeElement = function(isMouseOut) {
  859. var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
  860. thisTimeOut = (faderStat) ? 10 : thisTimeOut;
  861. if(items.length > 0) {
  862. timeOutFn = setTimeout(makeSlider, thisTimeOut);
  863. } else {
  864. console.log("Poof..");
  865. }
  866. }
  867.  
  868. var makeSlider = function() {
  869. current = (current != null) ? current : items[(items.length-1)];
  870. var currNo = jQuery.inArray(current, items) + 1
  871. currNo = (currNo == items.length) ? 0 : (currNo - 1);
  872. var newMargin = $(element).width() * currNo;
  873. if(faderStat == true) {
  874. if(!mOver) {
  875. $(items[currNo]).fadeIn((timeOut/6), function() {
  876. if($(itemsSpan[currNo]).css('bottom') == 0) {
  877. $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  878. faderStat = false;
  879. current = items[currNo];
  880. if(!mOver) {
  881. fadeElement(false);
  882. }
  883. });
  884. } else {
  885. $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  886. faderStat = false;
  887. current = items[currNo];
  888. if(!mOver) {
  889. fadeElement(false);
  890. }
  891. });
  892. }
  893. });
  894. }
  895. } else {
  896. if(!mOver) {
  897. if($(itemsSpan[currNo]).css('bottom') == 0) {
  898. $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
  899. $(items[currNo]).fadeOut((timeOut/6), function() {
  900. faderStat = true;
  901. current = items[(currNo+1)];
  902. if(!mOver) {
  903. fadeElement(false);
  904. }
  905. });
  906. });
  907. } else {
  908. $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
  909. $(items[currNo]).fadeOut((timeOut/6), function() {
  910. faderStat = true;
  911. current = items[(currNo+1)];
  912. if(!mOver) {
  913. fadeElement(false);
  914. }
  915. });
  916. });
  917. }
  918. }
  919. }
  920. }
  921.  
  922. makeSlider();
  923.  
  924. };
  925.  
  926. })(jQuery);
  927.  
  928. //]]>
  929. </script>
  930. <script type='text/javascript'>
  931. $(document).ready(function() {
  932. $('#s3slider').s3Slider({
  933. timeOut: 4000
  934. });
  935. });
  936. </script>
  937. <style type='text/css'>
  938. #s3slider {
  939. background:#000000;
  940. border:1px solid #818e8f;
  941. width: 610px;
  942. height: 200px;
  943. position: relative;
  944. overflow: hidden;
  945. }
  946. #s3sliderContent {
  947. width: 550px;
  948. position: absolute;
  949. top:0px;
  950. padding: 0px;
  951. margin: 0px;
  952. }
  953. .s3sliderImage {
  954. float: left;
  955. position: relative;
  956. display: none;
  957. }
  958. .s3sliderImage span {
  959. position: absolute;
  960. left: 0;
  961. font: 20px Trebuchet MS, sans-serif;
  962. padding: 10px 0px;
  963. width: 610px;
  964. background-color: #000;
  965. filter: alpha(opacity=80);
  966. -moz-opacity: 0.8;
  967. -khtml-opacity: 0.8;
  968. opacity: 0.8;
  969. color: #fff;
  970. display: none;
  971. bottom: 0;
  972. text-align:center;
  973. }
  974. .clear {
  975. clear: both;
  976. }
  977. </style>
  978. <!--
  979. ################## End Slider Script###############
  980. //-->
  981.  
  982. </head>
  983.  
  984. <body>
  985. <blockquote class="oval-thought">
  986. <p><a href="/ask">Ask Us</a></p>
  987. </blockquote>
  988. <div class="wrap">
  989.  
  990. <!--
  991. ################## IDL Script ####################
  992. //-->
  993.  
  994. <script type="text/javascript">
  995. window._idl = {};
  996. _idl.variant = "modal";
  997. (function() {
  998. var idl = document.createElement('script');
  999. idl.type = 'text/javascript';
  1000. idl.async = true;
  1001. idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'banner');
  1002. document.getElementsByTagName('body')[0].appendChild(idl);
  1003. })();
  1004. </script>
  1005.  
  1006. <!--
  1007. ################## TITLE ####################
  1008. //-->
  1009.  
  1010.  
  1011. <div class="titlebox">
  1012. <a href="/" class="titlelink"><h1 class="h1title">{Title}</h1></a>
  1013.  
  1014. </div>
  1015.  
  1016.  
  1017. <!--
  1018. ################## ICON SET ####################
  1019. //-->
  1020.  
  1021.  
  1022. <div class="icons">
  1023.  
  1024. {block:IfShowTwitterIcon}
  1025. <a href="https://twitter.com/#!/{text:Twitter Username}" target="_blank"><div class="twitter"></div></a>
  1026. {/block:IfShowTwitterIcon}
  1027.  
  1028. {block:IfShowRSSIcon}
  1029. <a href="{RSS}"><div class="rss"></div></a>
  1030. {/block:IfShowRSSIcon}
  1031.  
  1032. {block:IfShowFollowIcon}
  1033. <a href="http://tumblr.com/follow/{Name}" target="_blank"><div class="add"></div></a>
  1034. {/block:IfShowFollowIcon}
  1035.  
  1036. </div>
  1037.  
  1038.  
  1039. <!--
  1040. ################## NAVIGATION ####################
  1041. //-->
  1042.  
  1043. <div id="titlehover"></div>
  1044.  
  1045. <div id="navigation">
  1046. <a href="/">{lang:Home}</a>
  1047. {block:HasPages}
  1048. {block:Pages}
  1049. <a href="{URL}">{Label}</a>
  1050. {/block:Pages}
  1051. {/block:HasPages}
  1052. {block:IfShowArchiveLink}
  1053. <a href="/archive">{lang:Archive}</a>
  1054. {/block:IfShowArchiveLink}
  1055. </div>
  1056.  
  1057. <!--
  1058. ################## PROFILE & FOLLOWING BAR ####################
  1059. //-->
  1060.  
  1061. <div class="profile">
  1062.  
  1063. {block:IfIncludeProfilePicture}
  1064. <img src="{PortraitURL-128}" class="profileimage">
  1065. {/block:IfIncludeProfilePicture}
  1066.  
  1067. <div class="profileinner">
  1068.  
  1069. {block:IfIncludeAboutSection}
  1070. <h2>{lang:About}</h2>
  1071. <div id="profiledescription">{Description}</div>
  1072. {/block:IfIncludeAboutSection}
  1073.  
  1074. {block:IfIncludeFollowingSection}
  1075. {block:Following}
  1076. <h2>{lang:Following}</h2>
  1077. {block:Followed}
  1078. <a href="{FollowedURL}"><img src="{FollowedPortraitURL-48}" class="followedpic" title="{FollowedTitle}"></a>
  1079. {/block:Followed}
  1080. {/block:Following}
  1081. {/block:IfIncludeFollowingSection}
  1082.  
  1083. <!--
  1084. ################## INSERT ####################
  1085. ################# WIDGETS ####################
  1086. joshua.bz
  1087. ################# BELOW ####################
  1088. //-->
  1089.  
  1090.  
  1091.  
  1092. <center>
  1093.  
  1094. </a>
  1095.  
  1096. <form action=uri>
  1097. <select name=menu1
  1098. onchange="location.href=(form.menu1.options[form.menu1.selectedIndex].value)">
  1099. <option value="0">More...</option>
  1100. <option value="paste a URL here ">title</option>
  1101. <option value="paste a URL here ">title</option>
  1102. <option value="paste a URL here ">title</option>
  1103. <option value="paste a URL here ">title</option>
  1104. </option>
  1105.  
  1106. </select>
  1107.  
  1108. </form>
  1109. </center><br>
  1110. <h2>Search our Site</h2><br>
  1111. <center>
  1112. <div class="searchbox">
  1113. <form action="/search" method="get">
  1114. <input type="text" name="q" value="{SearchQuery}" class="search" size="26"/>
  1115. <input type="image" src="http://static.tumblr.com/54yyynm/zKElzdy66/1329226836_magnifyingglass.png" value="Search" class="gosearch"/>
  1116. </form>
  1117. </div>
  1118. </center>
  1119.  
  1120. <h2>Follow Me</h2>
  1121.  
  1122.  
  1123. <br>
  1124. <center>
  1125. <a href="youtube link" target="_blank"><img src="http://i.imgur.com/x0Ktb85.png" border="0" title="(follow us)"></a><a href="your twitter profile" target="_blank"><img src="http://i.imgur.com/YJ3UXdE.png" border="0" title="(follow us)"></a><a href="your facebook link" target="_blank"><img src="http://i.imgur.com/5AsEgTq.png" border="0" title="(follow us)"></a><a href="your RSS feed URL" target="_blank"><img src="http://i.imgur.com/KuxLFW3.png" border="0" title="(follow us)"></a><a href="your Delicous link" target="_blank"><img src="http://i.imgur.com/DXvxMkK.png" border="0" title="(follow us)"></a>
  1126. </center>
  1127.  
  1128. <center><a href="Your identica profile"><img src="http://i.imgur.com/I8I3mYr.png"></a>
  1129. <a href="your google + page"><img title="Google+" src="http://i.imgur.com/7DP08nc.png"></a>
  1130. <a href="your reddit page"><img src="http://i.imgur.com/ePYrAqB.png"></a>
  1131. <a href="your linkdin page"><img src="http://i.imgur.com/WkYzEbb.png"></a>
  1132. <a href="your stumbleupon profile"><img src="http://i.imgur.com/3gipYol.png"></a>
  1133. <a href="your pintrest page"><img src="http://i.imgur.com/oXEPRMT.png" width="32" height="32"></a>
  1134. </center>
  1135.  
  1136.  
  1137. <form>
  1138. <fieldset>
  1139. <legend>Visitors</legend>
  1140. <center>
  1141. Insert hitcounter code here
  1142.  
  1143.  
  1144. <h2>Contact Us</h2>
  1145. <a href="mailto:your email">Contact Us</a> your text here <br><br>
  1146. <center><a href="https://www.eff.org/issues/bloggers"><img src="http://i.imgur.com/KNMdYmB.gif" alt="Bloggers' Rights at EFF" width="98" height="24" border="0"></a></center>
  1147.  
  1148.  
  1149. <h2>inster text here </h2>
  1150.  
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156. </br>
  1157.  
  1158.  
  1159.  
  1160.  
  1161. </center>
  1162.  
  1163.  
  1164.  
  1165.  
  1166. <!--
  1167. ################## INSERT ####################
  1168. ################# WIDGETS ####################
  1169. ################# ABOVE ####################
  1170. ################# Slider Starts ############
  1171. //-->
  1172.  
  1173.  
  1174. </div>
  1175. </div>
  1176.  
  1177. <div id="s3slider">
  1178. <ul id="s3sliderContent">
  1179.  
  1180. <li class="s3sliderImage"><a href=""><img style="width:610px;height:200px;" src="" /><span> </span> </a></li>
  1181.  
  1182. <li class="s3sliderImage"><a href=""><img style="width:610px;height:200px;" src="" /><span></span> </a></li>
  1183.  
  1184. <li class="s3sliderImage"><a href=""><img style="width:610px;height:200px;" src="" /><span></span> </a></li>
  1185.  
  1186. <li class="s3sliderImage"><a href=" "><img style="width:610px;height:200px;" src=" " /><span> </span></a></li>
  1187.  
  1188. <li class="s3sliderImage"><a href=" "><img style="width:610px;height:200px;" src=" " /><span> </span></a></li>
  1189.  
  1190. <li class="s3sliderImage"></li>
  1191. </ul>
  1192. </div><br><br>
  1193.  
  1194. <!--
  1195. ################## ALL POSTS ####################
  1196. //-->
  1197.  
  1198. <div id="allposts">
  1199. {block:Posts}
  1200.  
  1201.  
  1202. {block:Text}
  1203. <!--
  1204. ################## TEXT POSTS ####################
  1205. //-->
  1206. <div class="postouter">
  1207. <div class="post">
  1208. {block:NotReblog}
  1209. <div class="posticon">
  1210. <a href="{Permalink}"><img src="http://static.tumblr.com/54yyynm/8Kxlze1i9/texticon.png" border="0"></a>
  1211. </div>
  1212. {/block:NotReblog}
  1213. {block:RebloggedFrom}
  1214. <div class="posticon">
  1215. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/Irzlzszyr/reblogtexticon.png" border="0"></a>
  1216. </div>
  1217. {/block:RebloggedFrom}
  1218. {block:Date}
  1219. <!--[if IE 7]><div style="display:none"><![endif]-->
  1220. <div class="datetab">
  1221. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1222. </div>
  1223. <!--[if IE 7]></div><![endif]-->
  1224. {/block:Date}
  1225. {block:Title}<a href="{Permalink}" class="posttitle"><h2>{Title}</h2></a>{/block:Title}
  1226. {Body}
  1227. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1228. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1229. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1230. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1231. {block:RebloggedFrom}
  1232. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1233. {/block:RebloggedFrom}
  1234. </div>
  1235. </div>
  1236. {/block:Text}
  1237.  
  1238.  
  1239.  
  1240. {block:Answer}
  1241. <!--
  1242. ################## ANSWER POSTS ####################
  1243. //-->
  1244. <div class="postouter">
  1245. <div class="post">
  1246. {block:NotReblog}
  1247. <div class="posticon">
  1248. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/XzLlzr2gu/answericon.png" border="0"></a>
  1249. </div>
  1250. {/block:NotReblog}
  1251. {block:RebloggedFrom}
  1252. <div class="posticon">
  1253. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/rxElzstw7/rebloganswericon.png" border="0"></a>
  1254. </div>
  1255. {/block:RebloggedFrom}
  1256. {block:Date}
  1257. <!--[if IE 7]><div style="display:none"><![endif]-->
  1258. <div class="datetab">
  1259. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1260. </div>
  1261. <!--[if IE 7]></div><![endif]-->
  1262. {/block:Date}
  1263. {block:AskEnabled}<a href="{Permalink}" class="posttitle"><h2>{AskLabel}</h2></a><br />{/block:AskEnabled}
  1264. <div id="answerpost">
  1265. <img src="{AskerPortraitURL-48}"><p>{Question}</p>
  1266. <div id="questionbreak"></div>
  1267. <img src="{PortraitURL-48}"><span id="answer">{Answer}</span>
  1268. </div>
  1269. <br>
  1270. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1271. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1272. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1273. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1274. {block:RebloggedFrom}
  1275. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1276. {/block:RebloggedFrom}
  1277. </div>
  1278. </div>
  1279. {/block:Answer}
  1280.  
  1281.  
  1282. {block:Photoset}
  1283. <!--
  1284. ################## PHOTOSET POSTS ####################
  1285. //-->
  1286. <div class="postouter">
  1287. <div class="post">
  1288. {block:NotReblog}
  1289. <div class="posticon">
  1290. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/uUOlzhwhq/photoicon.png" border="0"></a>
  1291. </div>
  1292. {/block:NotReblog}
  1293. {block:RebloggedFrom}
  1294. <div class="posticon">
  1295. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/DnVlzt0bh/reblogphotoicon.png" border="0"></a>
  1296. </div>
  1297. {/block:RebloggedFrom}
  1298. {block:Date}
  1299. <!--[if IE 7]><div style="display:none"><![endif]-->
  1300. <div class="datetab">
  1301. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1302. </div>
  1303. <!--[if IE 7]></div><![endif]-->
  1304. {/block:Date}
  1305. {block:Caption}<a href="{Permalink}"><h2>{Caption}</h2></a>{/block:Caption}
  1306. <div id="photoset">{Photoset-500}</div>
  1307. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1308. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1309. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1310. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1311. {block:RebloggedFrom}
  1312. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1313. {/block:RebloggedFrom}
  1314. </div>
  1315. </div>
  1316. {/block:Photoset}
  1317.  
  1318.  
  1319.  
  1320. {block:Photo}
  1321. <!--
  1322. ################## SINGLE PHOTO POSTS ####################
  1323. //-->
  1324. <div class="photopostouter">
  1325. {block:NotReblog}
  1326. <div class="posticon">
  1327. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/uUOlzhwhq/photoicon.png" border="0"></a>
  1328. </div>
  1329. {/block:NotReblog}
  1330. {block:RebloggedFrom}
  1331. <div class="posticon">
  1332. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/DnVlzt0bh/reblogphotoicon.png" border="0"></a>
  1333. </div>
  1334. {/block:RebloggedFrom}
  1335. {block:Date}
  1336. <!--[if IE 7]><div style="display:none"><![endif]-->
  1337. <div class="datetab">
  1338. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1339. </div>
  1340. <!--[if IE 7]></div><![endif]-->
  1341. {/block:Date}
  1342. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photopost">{LinkCloseTag}
  1343. </div>
  1344. <div id="photometa">
  1345. {block:Caption}<a href="{Permalink}"><h2>{Caption}</h2></a>{/block:Caption}
  1346. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1347. {block:NoteCount}<div id="photonote"><a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a></div>{/block:NoteCount}
  1348. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1349. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1350. {block:RebloggedFrom}
  1351. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1352. {/block:RebloggedFrom}
  1353. </div>
  1354. {/block:Photo}
  1355.  
  1356.  
  1357.  
  1358. {block:Quote}
  1359. <!--
  1360. ################## QUOTE POSTS ####################
  1361. //-->
  1362. <div class="postouter">
  1363. <div class="post">
  1364. {block:NotReblog}
  1365. <div class="posticon">
  1366. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/ftwlzhy6w/quoteicon.png" border="0"></a>
  1367. </div>
  1368. {/block:NotReblog}
  1369. {block:RebloggedFrom}
  1370. <div class="posticon">
  1371. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/CrKlzt0h5/reblogquoteicon.png" border="0"></a>
  1372. </div>
  1373. {/block:RebloggedFrom}
  1374. {block:Date}
  1375. <!--[if IE 7]><div style="display:none"><![endif]-->
  1376. <div class="datetab">
  1377. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1378. </div>
  1379. <!--[if IE 7]></div><![endif]-->
  1380. {/block:Date}
  1381. <a href="{Permalink}"><h2 id="quote">"{Quote}"</h2></a><br />
  1382. {block:Source}<div id="quotesource"><a href="{Permalink}" class="quotesource">- {Source}</a></div>{/block:Source}
  1383. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1384. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1385. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1386. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1387. {block:RebloggedFrom}
  1388. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1389. {/block:RebloggedFrom}
  1390. </div>
  1391. </div>
  1392. {/block:Quote}
  1393.  
  1394.  
  1395.  
  1396. {block:Video}
  1397. <!--
  1398. ################## VIDEO POSTS ####################
  1399. //-->
  1400. <div class="photopostouter" id="video">
  1401. {block:NotReblog}
  1402. <div class="posticon">
  1403. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/Zjalzi8i2/videoicon.png" border="0"></a>
  1404. </div>
  1405. {/block:NotReblog}
  1406. {block:RebloggedFrom}
  1407. <div class="posticon">
  1408. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/KGblzt111/reblogvideoicon.png" border="0"></a>
  1409. </div>
  1410. {/block:RebloggedFrom}
  1411. {block:Date}
  1412. <!--[if IE 7]><div style="display:none"><![endif]-->
  1413. <div class="datetab">
  1414. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1415. </div>
  1416. <!--[if IE 7]></div><![endif]-->
  1417. {/block:Date}
  1418. <div class="videowrap">{Video-500}</div>
  1419. </div>
  1420. <div id="photometa">
  1421. {block:Caption}<a href="{Permalink}"><h2>{Caption}</h2></a>{/block:Caption}
  1422. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1423. {block:NoteCount}<div id="photonote"><a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a></div>{/block:NoteCount}
  1424. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1425. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1426. {block:RebloggedFrom}
  1427. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1428. {/block:RebloggedFrom}
  1429. </div>
  1430. {/block:Video}
  1431.  
  1432.  
  1433.  
  1434. {block:Link}
  1435. <!--
  1436. ################## LINK POSTS ####################
  1437. //-->
  1438. <div class="postouter">
  1439. <div class="post">
  1440. {block:NotReblog}
  1441. <div class="posticon">
  1442. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/d18lzi9x3/linkicon.png" border="0"></a>
  1443. </div>
  1444. {/block:NotReblog}
  1445. {block:RebloggedFrom}
  1446. <div class="posticon">
  1447. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/oe0lzt0k0/rebloglinkicon.png" border="0"></a>
  1448. </div>
  1449. {/block:RebloggedFrom}
  1450. {block:Date}
  1451. <!--[if IE 7]><div style="display:none"><![endif]-->
  1452. <div class="datetab">
  1453. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1454. </div>
  1455. <!--[if IE 7]></div><![endif]-->
  1456. {/block:Date}
  1457. <a href="{URL}"><h2>Link: {Name}</h2></a><br />
  1458. {block:Description}{Description} {/block:Description}
  1459. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1460. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1461. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1462. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1463. {block:RebloggedFrom}
  1464. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1465. {/block:RebloggedFrom}
  1466. </div>
  1467. </div>
  1468. {/block:Link}
  1469.  
  1470.  
  1471.  
  1472.  
  1473. {block:Audio}
  1474. <!--
  1475. ################## AUDIO POSTS ####################
  1476. //-->
  1477. <div class="postouter">
  1478. <div class="post">
  1479. {block:NotReblog}
  1480. <div class="posticon">
  1481. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/1SLlziai9/audioicon.png" border="0"></a>
  1482. </div>
  1483. {/block:NotReblog}
  1484. {block:RebloggedFrom}
  1485. <div class="posticon">
  1486. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/Kr6lzt0pd/reblogaudioicon.png" border="0"></a>
  1487. </div>
  1488. {/block:RebloggedFrom}
  1489. {block:Date}
  1490. <!--[if IE 7]><div style="display:none"><![endif]-->
  1491. <div class="datetab">
  1492. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1493. </div>
  1494. <!--[if IE 7]></div><![endif]-->
  1495. {/block:Date}
  1496.  
  1497. <a href="{Permalink}"><h2>{block:Artist} {Artist} - {/block:Artist}{block:TrackName}{TrackName}{/block:TrackName}</h2></a><br />
  1498. {block:AlbumArt}
  1499. <img src="{AlbumArtURL}" class="albumart">
  1500. {/block:AlbumArt}
  1501. {AudioPlayerBlack}
  1502. {block:Caption}{Caption} {/block:Caption}
  1503. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1504. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1505. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1506. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1507. {block:RebloggedFrom}
  1508. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1509. {/block:RebloggedFrom}
  1510. </div>
  1511. </div>
  1512. {/block:Audio}
  1513.  
  1514.  
  1515. {block:Chat}
  1516. <!--
  1517. ################## CHAT POSTS ####################
  1518. //-->
  1519. <div class="postouter">
  1520. <div class="post">
  1521. {block:NotReblog}
  1522. <div class="posticon">
  1523. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/AuLlzjoja/chaticon.png" border="0"></a>
  1524. </div>
  1525. {/block:NotReblog}
  1526. {block:RebloggedFrom}
  1527. <div class="posticon">
  1528. <a href="{Permalink}"><img src="http://static.tumblr.com/wn0cr0d/Ka1lzt0o5/reblogchaticon.png" border="0"></a>
  1529. </div>
  1530. {/block:RebloggedFrom}
  1531. {block:Date}
  1532. <!--[if IE 7]><div style="display:none"><![endif]-->
  1533. <div class="datetab">
  1534. <a href="{Permalink}" class="datetag">{lang:Posted TimeAgo}</a>
  1535. </div>
  1536. <!--[if IE 7]></div><![endif]-->
  1537. {/block:Date}
  1538. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}<br /><br />
  1539. {block:Lines}<p class="chatline"><b>{block:Label}{Label}{/block:Label}</b> - {Line}</p>{/block:Lines}<br />
  1540. {block:ContentSource}<div id="source">({lang:Source}:<a href="{SourceURL}">{SourceTitle}</a>)</div>{/block:ContentSource}
  1541. {block:NoteCount}<a href="{Permalink}" class="notecount"><img src="http://static.tumblr.com/wn0cr0d/EvXlzftgp/1329314263_black_plus.png" border="0">{NoteCountWithLabel}</a>{/block:NoteCount}
  1542. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1543. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagURL}"> {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  1544. {block:RebloggedFrom}
  1545. <div id="reblogged"><img src="http://static.tumblr.com/wn0cr0d/LRTlzss4j/arrow_circle_left2.png">{lang:Reblogged from} <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1546. {/block:RebloggedFrom}
  1547. </div>
  1548. </div>
  1549. {/block:Chat}
  1550.  
  1551.  
  1552.  
  1553. {block:PermalinkPage}
  1554. {block:IfDisqusShortname}
  1555. <!--
  1556. ################## DISQUS ####################
  1557. //-->
  1558.  
  1559. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  1560. }());
  1561. </script>
  1562. {/block:IfDisqusShortname}
  1563. {/block:PermalinkPage}
  1564.  
  1565.  
  1566.  
  1567. {/block:Posts}
  1568. </div>
  1569. <!--
  1570. ################## SEARCH PAGE ####################
  1571. //-->
  1572.  
  1573. {block:SearchPage}
  1574. <h2>{lang:SearchResultCount results for SearchQuery}</h2>
  1575. {block:NoSearchResults}{lang:Sorry no results for SearchQuery}{/block:NoSearchResults}
  1576. {/block:SearchPage}
  1577.  
  1578. <!--
  1579. ################## PAGINATION ####################
  1580. //-->
  1581.  
  1582.  
  1583. <div class="pagination">
  1584. <center>
  1585. {block:NextPage}<a href="{NextPage}">◄ {lang:Older posts}</a>
  1586. {/block:NextPage}
  1587. {block:PreviousPage}
  1588. <a href="{PreviousPage}">{lang:Newer posts} ►</a>
  1589. {/block:PreviousPage}
  1590. </center>
  1591. </div>
  1592.  
  1593. <!--
  1594. ################## FOOTER ####################
  1595. //-->
  1596.  
  1597. <div class="footer">
  1598. <span><a rel="license"
  1599. href="http://creativecommons.org/publicdomain/zero/1.0/">
  1600. <img src="http://i.imgur.com/PDdGYrK.png" style="border-style: none;" alt="CC0" />
  1601. </a></span>
  1602.  
  1603.  
  1604.  
  1605.  
  1606. </body>
  1607. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!