API tools faq
paste
Advertisement
cocoofrps

THEME 25 'STRUGGLE'

cocoofrps
Aug 2nd, 2014
1,669
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.21 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:200,
  11. tip_fade_speed:300
  12. }
  13. );
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <script>
  19. $(document).ready(function() {
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel');
  22. var popURL = $(this).attr('href');
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1];
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><div class="closeb" title="Close Window" alt="Close" /></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. $('#' + popID).css({
  30. 'margin-top' : -popMargTop,
  31. 'margin-left' : -popMargLeft
  32. });
  33. $('body').append('<div id="fade"></div>');
  34. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  35. return false;
  36. });
  37. $('a.close, #fade').live('click', function() {
  38. $('#fade , .popup_block').fadeOut(function() {
  39.  
  40. $('#fade, a.close').remove();
  41. });
  42. return false;
  43. });
  44. });
  45.  
  46. </script>
  47.  
  48. <head><title>{Title}</title>
  49. <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
  50.  
  51. <link rel="shortcut icon" href="{Favicon}">
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54.  
  55. <!--- THEME BY @cocoofrps --->
  56.  
  57. <meta name="color:Background" content="#dedfdd"/>
  58. <meta name="color:Text" content="#6d6f81"/>
  59. <meta name="color:Links" content="#c19d94" />
  60. <meta name="color:PostBG" content="#3f3f4b"/>
  61. <meta name="color:Border" content="#333133"/>
  62. <meta name="color:Hover" content="#af9895"/>
  63. <meta name="color:Scrollbar" content="#333133"/>
  64. <meta name="color:ScrollbarBg" content="#b6a499"/>
  65.  
  66. <meta name="image:Background" content=""/>
  67. <meta name="image:AskBG" content=""/>
  68. <meta name="image:Sidebar" content=""/>
  69. <meta name="image:Icon" content=""/>
  70. <meta name="image:Sidebar BG" content=""/>
  71. <meta name="image:NavBG" content=""/>
  72.  
  73. <meta name="text:Ask" content="inquire"/>
  74. <meta name="text:Ask URL" content="">
  75. <meta name="text:Link 1" content="link"/>
  76. <meta name="text:Link 1 URL" content=""/>
  77. <meta name="text:Navigation" content="link"/>
  78. <meta name="text:Box 1 Name" content="updates"/>
  79. <meta name="text:Box 1" content="write stuff here whichever way you want"/>
  80. <meta name="text:Box 2 Name" content="to do list"/>
  81. <meta name="text:Box 2" content="if you dont want this option click 'boxes' to disable it"/>
  82. <meta name="text:NavLink 1" content="link"/>
  83. <meta name="text:NavLink 1 URL" content=""/>
  84. <meta name="text:NavLink 2" content="link"/>
  85. <meta name="text:NavLink 2 URL" content=""/>
  86. <meta name="text:NavLink 3" content="link"/>
  87. <meta name="text:NavLink 3 URL" content=""/>
  88. <meta name="text:NavLink 4" content="link"/>
  89. <meta name="text:NavLink 4 URL" content=""/>
  90. <meta name="text:NavLink 5" content="link"/>
  91. <meta name="text:NavLink 5 URL" content=""/>
  92. <meta name="text:NavLink 6" content="link"/>
  93. <meta name="text:NavLink 6 URL" content=""/>
  94. <meta name="text:NavLink 7" content="link"/>
  95. <meta name="text:NavLink 7 URL" content=""/>
  96. <meta name="text:NavLink 8" content="link"/>
  97. <meta name="text:NavLink 8 URL" content=""/>
  98. <meta name="text:NavLink 9" content="link"/>
  99. <meta name="text:NavLink 9 URL" content=""/>
  100. <meta name="text:NavLink 10" content="link"/>
  101. <meta name="text:NavLink 10 URL" content=""/>
  102.  
  103.  
  104. <meta name="if:CoverBackgroundImage" content="0"/>
  105. <meta name="if:Boxes" content="1"/>
  106.  
  107. <style type="text/css">
  108.  
  109. ::-webkit-scrollbar-thumb {
  110. height:auto;
  111. border:{color:ScrollbarBg};
  112. background-color:{color:Scrollbar};
  113. }
  114.  
  115. ::-webkit-scrollbar {
  116. height:9px;
  117. width:5px;
  118. background-color:{color:ScrollbarBg};
  119. }
  120.  
  121.  
  122. ::selection {
  123. background: {color:Background};
  124. color: {color:PostBG};
  125. }
  126.  
  127. ::-moz-selection {
  128. background: {color:Background};
  129. color: {color:PostBG};
  130. }
  131.  
  132. ::-webkit-selection {
  133. background: {color:Background};
  134. color: {color:PostBG};
  135. }
  136.  
  137. body {
  138. background:{color:Background};
  139. margin:0px;
  140. color:{color:Text};
  141. font-family:'arial';
  142. font-size:11px;
  143. line-height:110%;
  144. letter-spacing:1px;
  145. text-align:justify;
  146. {block:ifNotCoverBackgroundImage}
  147. background-image:url('{image:Background}');
  148. background-attachment:fixed;
  149. {block:ifNotCoverBackgroundImage}
  150. {block:IfCoverBackgroundImage}
  151. background: url('{image:Background}') no-repeat center center fixed;
  152. -webkit-background-size: cover;
  153. -moz-background-size: cover;
  154. -o-background-size: cover;
  155. background-size: cover;
  156. {block:IfCoverBackgroundImage}
  157. }
  158.  
  159. code {
  160. font-size:9px;
  161. font-family:'Courier New';
  162. color:{color:Hover};
  163. text-transform:uppercase;
  164. }
  165.  
  166. small,big {
  167. font-size:8px;
  168. }
  169.  
  170. pre {
  171. font-family:'Courier New';
  172. font-size:8px;
  173. width:auto;
  174. padding:5px 8px;
  175. color:{color:Links};
  176. }
  177.  
  178. a {
  179. text-decoration:none;
  180. outline:none;
  181. -moz-outline-style:none;
  182. -webkit-transition: all 0.4s ease-in-out;
  183. -moz-transition: all 0.4s ease-in-out;
  184. -o-transition: all 0.4s ease-in-out;
  185. -ms-transition: all 0.4s ease-in-out;
  186. transition: all 0.4s ease-in-out;
  187. color:{color:Links};
  188. }
  189.  
  190. b {
  191. color:{color:Hover};
  192. font-weight:100;
  193. }
  194.  
  195. a:hover {
  196. color:{color:Hover};
  197. -webkit-transition: all 0.4s ease-in-out;
  198. -moz-transition: all 0.4s ease-in-out;
  199. -o-transition: all 0.4s ease-in-out;
  200. -ms-transition: all 0.4s ease-in-out;
  201. transition: all 0.4s ease-in-out;
  202. }
  203.  
  204. img {
  205. border:none;
  206. width:auto;
  207. }
  208.  
  209. blockquote {
  210. margin-left:5px;
  211. width:auto;
  212. padding-left:5px;
  213. border-left:5px solid {color:Border};
  214. }
  215.  
  216. blockquote blockquote {
  217. padding-left:5px;
  218. border-left:5px solid {color:Border};
  219. }
  220.  
  221. h1 {
  222. font-size:11px;
  223. letter-spacing:2px;
  224. text-transform:uppercase;
  225. font-style:none;
  226. line-height:10px;
  227. text-align:center;
  228. padding:0px;
  229. }
  230.  
  231. /*ENTRIES*/
  232. #entries {
  233. position:absolute;
  234. margin-left:100px;
  235. margin-top:50px;
  236. letter-spacing:1px;
  237. padding-bottom:0px;
  238. overflow-y:auto;
  239. font-weight:100;
  240. font-size:11px;
  241. }
  242.  
  243. #post {
  244. background-color:{color:PostBG};
  245. width:500px;
  246. line-height:100%;
  247. padding:20px;
  248. margin-bottom:50px;
  249. }
  250.  
  251. /*SIDEBAR*/
  252.  
  253. #sidebar {
  254. position:fixed;
  255. margin-left:740px;
  256. width:400px;
  257. margin-top:100px;
  258. background-color:{color:Border};
  259. padding:10px;
  260. height:522px;
  261. transition-duration: 0.5s;
  262. -moz-transition-duration: 0.5s;
  263. -webkit-transition-duration: 0.5s;
  264. -o-transition-duration: 0.5s;
  265. }
  266.  
  267. .sidebarimg {
  268. background-image:url('{image:Sidebar BG}');
  269. }
  270.  
  271. .sidebarimg img{
  272. overflow:hidden;
  273. width:400px;
  274. height:500px;
  275. transition-duration: 0.5s;
  276. -moz-transition-duration: 0.5s;
  277. -webkit-transition-duration: 0.5s;
  278. -o-transition-duration: 0.5s;
  279. }
  280.  
  281.  
  282. #sidebar:hover .sidebarimg img {
  283. opacity:0;
  284. }
  285.  
  286. .back {
  287. position:absolute;
  288. padding:40px;
  289. transition-duration: 0.5s;
  290. -moz-transition-duration: 0.5s;
  291. -webkit-transition-duration: 0.5s;
  292. -o-transition-duration: 0.5s;
  293. }
  294.  
  295. #sidebar:hover .back {
  296. z-index:99999999;
  297. }
  298.  
  299. #sidebar:hover .back img {
  300. -webkit-transition-delay:0.2s;
  301. opacity:1;
  302. transition-duration: 0.5s;
  303. -moz-transition-duration: 0.5s;
  304. -webkit-transition-duration: 0.5s;
  305. -o-transition-duration: 0.5s;
  306. }
  307.  
  308. #sidebar:hover .back .boxes {
  309. -webkit-transition-delay:0.4s;
  310. opacity:1;
  311. transition-duration: 0.5s;
  312. -moz-transition-duration: 0.5s;
  313. -webkit-transition-duration: 0.5s;
  314. -o-transition-duration: 0.5s;
  315. }
  316.  
  317. #sidebar:hover .back .links {
  318. -webkit-transition-delay:0.6s;
  319. opacity:1;
  320. transition-duration: 0.5s;
  321. -moz-transition-duration: 0.5s;
  322. -webkit-transition-duration: 0.5s;
  323. -o-transition-duration: 0.5s;
  324. }
  325.  
  326. .back img {
  327. width:64px;
  328. height:64px;
  329. padding:10px;
  330. opacity:0;
  331. margin-left:110px;
  332. margin-top:20px;
  333. background-color:{color:Text};
  334. }
  335.  
  336. .links .boxeh,.links .boxbee{
  337. background-color:{color:PostBG};
  338. color:{color:Hover};
  339. }
  340.  
  341. .desc,.boxa,.boxb {
  342. padding:10px;
  343. margin-top:40px;
  344. position:absolute;
  345. font-size:8px;
  346. height:85px;
  347. width:300px;
  348. overflow:auto;
  349. background-color:{color:PostBG};
  350. }
  351.  
  352. .boxa,.boxb {
  353. background-color:{color:Background};
  354. color:{color:Text};
  355. }
  356.  
  357. .boxa pre, .boxb pre {
  358. text-transform:uppercase;
  359. text-align:center;
  360. font-family:'courier new';
  361. background-color:{color:Border};
  362. margin-top:0px;
  363. }
  364.  
  365. .boxes {
  366. opacity:0;
  367. position:absolute;
  368. }
  369.  
  370. .links {
  371. margin-top:180px;
  372. width:300px;
  373. opacity:0;
  374. position:absolute;
  375. margin-left:40px;
  376. }
  377.  
  378. .links a {
  379. display:inline-block;
  380. padding:3px;
  381. font-family:'courier new';
  382. text-transform:uppercase;
  383. font-size:8px;
  384. width:100px;
  385. text-align:center;
  386. color:{color:Background};
  387. background-color:{color:Links};
  388. margin-left:5px;
  389. margin-top:5px;
  390. }
  391.  
  392. .pagi {
  393. font-size:9px;
  394. padding:5px;
  395. position:absolute;
  396. text-align:center;
  397. width:390px;
  398. height:12px;
  399. font-family:'courier new';
  400. margin-top:-2px;
  401. background-color:{color:Links};
  402. }
  403.  
  404. .pagi a {
  405. color:{color:PostBG};
  406. padding:2px 5px;
  407. }
  408.  
  409. .current_page {
  410. padding:2px 5px;
  411. background-color:{color:Background};
  412. }
  413.  
  414. /*AUDIO INFO*/
  415.  
  416. .imgwrapper img{
  417. width:100px;
  418. }
  419.  
  420. .audio_player {
  421. width:25px;
  422. height:25px;
  423. overflow:hidden;
  424. border-radius:25px;
  425. margin-top:-70px;
  426. margin-left:33px;
  427. background-color:#fff;
  428. position:absolute;
  429. padding:5px;
  430. z-index:99;
  431. }
  432.  
  433. .trackdetails {
  434. font-family:calibri;
  435. position:absolute;
  436. font-size:8px;
  437. margin-top:-70px;
  438. text-align:center;
  439. margin-left:250px;
  440. text-transform:uppercase;
  441. letter-spacing:2px;
  442. }
  443.  
  444. /*POST INFO*/
  445.  
  446. #info {
  447. text-align:right;
  448. font-family: 'calibri';
  449. letter-spacing:1px;
  450. font-size:8px;
  451. font-style:none;
  452. margin-left:-20px;
  453. margin-bottom:-35px;
  454. margin-top:5px;
  455. color:{color:Border};
  456. width:530px;
  457. z-index:99999;
  458. line-height:10px;
  459. text-transform:uppercase;
  460. padding:5px;
  461. padding-bottom:7px;
  462. background-color:{color:Links};
  463. }
  464.  
  465. #info a {
  466. text-align:right;
  467. color:{color:Border};
  468. }
  469.  
  470. #info a:hover {
  471. -moz-transition-duration:0s;
  472. -webkit-transition-duration:0s;
  473. -o-transition-duration:0s;
  474. color:{color:PostBG};
  475. }
  476.  
  477. #tags {
  478. text-align:left;
  479. opacity:0;
  480. font-size:8px;
  481. font-family:'arial';
  482. padding:2px;
  483. margin-top:-20px;
  484. text-transform:lowercase;
  485. transition-duration: 0.5s;
  486. -moz-transition-duration: 0.5s;
  487. -webkit-transition-duration: 0.5s;
  488. -o-transition-duration: 0.5s;
  489. }
  490.  
  491. #tagss {
  492. text-align:left;
  493. opacity:1;
  494. font-size:8px;
  495. font-family:'arial';
  496. padding:2px;
  497. margin-top:0px;
  498. text-transform:lowercase;
  499. transition-duration: 0.5s;
  500. -moz-transition-duration: 0.5s;
  501. -webkit-transition-duration: 0.5s;
  502. -o-transition-duration: 0.5s;
  503. }
  504.  
  505.  
  506. #post:hover #tags {
  507. opacity:1;
  508. margin-top:0;
  509. }
  510.  
  511.  
  512. #tags a, #tagss a {
  513. padding:3px;
  514. color:{color:Post Links};
  515. letter-spacing:0px;
  516. font-family:'helvetica';
  517. text-decoration:none;
  518. background-color:{color:Background};
  519. display:inline-block;
  520. }
  521.  
  522. #tags a:hover, #tagss a:hover {
  523. -moz-transition-duration:0.3s;
  524. -webkit-transition-duration:0.3s;
  525. -o-transition-duration:0.3s;
  526. color:{color:Hover};
  527. }
  528.  
  529. /*QUESTION*/
  530.  
  531. .question {
  532. line-height:110%;
  533. background-color:{color:ScrollbarBG};
  534. }
  535.  
  536. .asker {
  537. font-family:'Courier New';
  538. font-size:10px;
  539. display:block;
  540. text-transform:uppercase;
  541. text-align:center;
  542. background-image:url('{image:AskBG}');
  543. color:{color:Hover};
  544. background-color:{color:ScrollbarBG};
  545. text-shadow:1px 1px 0px {color:Border};
  546. padding:2px;
  547. letter-spacing:2px;
  548. }
  549.  
  550. .asker a {
  551. color:{color:Hover};
  552. }
  553.  
  554. .q {
  555. font-size:8px;
  556. margin-top:-12px;
  557. background-color:{color:Text};
  558. color:{color:PostBg};
  559. padding:10px;
  560. }
  561.  
  562. .q small,.q big,.q code {
  563. background-color:{color:Background};
  564. font-size:8px;
  565. }
  566.  
  567. /*CREDIT*/
  568.  
  569. #cred {
  570. position:fixed;
  571. font-family:'helvetica';
  572. text-transform:uppercase;
  573. font-size:20px;
  574. background-color:{color:PostBG};
  575. width:10px;
  576. bottom:10px;
  577. right:10px;
  578. height:10px;
  579. border-radius:20px;
  580. padding:5px;
  581. border:2px solid {color:Border};
  582. }
  583.  
  584. #cred a {
  585. color:{color:PostBG};
  586. }
  587.  
  588. #notes {
  589. font-family:calibri;
  590. text-transform:uppercase;
  591. font-size:8px;
  592. margin-left:-40px;
  593. margin-top:-40px;
  594. }
  595.  
  596. #notes li{
  597. list-style-type:none;
  598. background-color:{color:PostBG};
  599. padding:5px;
  600. }
  601.  
  602. #notes img {
  603. opacity:0;
  604. display:none;
  605. }
  606.  
  607. #s-m-t-tooltip{
  608. position:absolute;
  609. background-color:{color:PostBG};
  610. padding:3px 5px 3px;
  611. z-index:99999999999999999999999999999999;
  612. margin-top:-30px;
  613. margin-left:-30px;
  614. font-family:'Courier New';
  615. display:block;
  616. text-transform:uppercase;
  617. font-size:8px;
  618. color:{color:text};
  619. }
  620.  
  621. /* POPUP NAVIGATION */
  622.  
  623. #fade {
  624. display: none;
  625. position: fixed;
  626. left: 0;
  627. top: 0;
  628. width: 100%;
  629. background-color:#000;
  630. height: 100%;
  631. opacity:0.8;
  632. z-index: 9999;
  633. }
  634.  
  635. .popup_block {
  636. display: none;
  637. background-color: {color:Background};
  638. padding: 20px;
  639. float: left;
  640. position: fixed;
  641. top: 50%;
  642. background-image:url('{image:NavBG}');
  643. left: 50%;
  644. z-index: 99999;
  645. }
  646.  
  647. .closeb {
  648. float: right;
  649. width:16px;
  650. height:16px;
  651. border-radius:16px;
  652. background-color:{color:Border};
  653. margin: -10px -10px 0 0;
  654. }
  655.  
  656. *html #fade {
  657. position: absolute;
  658. }
  659.  
  660. *html .popup_block {
  661. position: absolute;
  662. }
  663.  
  664. .navlinks a{
  665. display:block;
  666. background-color:{color:Border};
  667. padding:5px;
  668. color:{color:Background};
  669. text-transform:uppercase;
  670. font-family:'courier new';
  671. margin-top:5px;
  672. margin:5px auto;
  673. width:200px;
  674. text-align:center;
  675. transition-duration: 0.2s;
  676. -moz-transition-duration: 0.2s;
  677. -webkit-transition-duration: 0.2s;
  678. -o-transition-duration: 0.2s;
  679. }
  680.  
  681. .navlinks a:hover {
  682. letter-spacing:5px;
  683. background-color:{color:Hover};
  684. color:{color:Border};
  685. }
  686.  
  687. .popup_block h1 {
  688. font-size:70px;
  689. text-align:center;
  690. letter-spacing:-5px;
  691. font-style:italic;
  692. color:{color:Links};
  693. font-weight:bold;
  694. line-height:0px;
  695. text-transform:lowercase;
  696. }
  697.  
  698.  
  699. {CustomCSS}</style>
  700. </head>
  701. <body>
  702. <div id="popup_name" class="popup_block">
  703. <div class="navlinks">
  704. <h1>navigation;</h1>
  705. <a href="{text:NavLink 1 URL}">{text:NavLink 1}</a>
  706. <a href="{text:NavLink 2 URL}">{text:NavLink 2}</a>
  707. <a href="{text:NavLink 3 URL}">{text:NavLink 3}</a>
  708. <a href="{text:NavLink 4 URL}">{text:NavLink 4}</a>
  709. <a href="{text:NavLink 5 URL}">{text:NavLink 5}</a>
  710. <a href="{text:NavLink 6 URL}">{text:NavLink 6}</a>
  711. <a href="{text:NavLink 7 URL}">{text:NavLink 7}</a>
  712. <a href="{text:NavLink 8 URL}">{text:NavLink 8}</a>
  713. <a href="{text:NavLink 9 URL}">{text:NavLink 9}</a>
  714. <a href="{text:NavLink 10 URL}">{text:NavLink 10}</a>
  715. </div>
  716. </div>
  717. <div id="sidebar">
  718. <div class="back">
  719. <a href="/"><img src="{image:Icon}"></a><div class="boxes">
  720. <div class="desc">{Description}</div>{block:ifBoxes}
  721. <div class="boxa"><pre>{text:Box 1 Name}</pre>{text:Box 1}</div>
  722. <div class="boxb"><pre>{text:Box 2 Name}</pre>{text:Box 2}</div>
  723. {/block:ifBoxes}
  724. </div>
  725. <div class="links"><a href="/">REFRESH</a><a href="{text:Ask URL}">{text:Ask}</a><a href="{text:Link 1 URL}">{text:Link 1}</a><a href="#?w=500" rel="popup_name" class="poplight">{text:Navigation}</a>{block:ifBoxes}<a href="#" class="boxeh">{text:Box 1 Name}</a><a href="#" class="boxbee">{text:Box 2 Name}</a>{/block:ifBoxes}</div>
  726. </div>
  727. <div class="sidebarimg">
  728. <img src="{image:Sidebar}">
  729. </div>
  730. <div class="pagi">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  731. </div>
  732. </div>
  733.  
  734. <!-- POSTS START -->
  735. <div id="entries">
  736. {block:Posts}
  737.  
  738. <div id="post">
  739. {block:Text}
  740. <h1>{block:Title}<a href="{Permalink}" title="{Title}"><div style="border-top:5px solid {color:SidebarBorder};font-size:8px;font-family:'Courier New';text-tranform:uppercase;padding:10px;background-color:{color:Border};color:{color:Text};">{Title}</div></a>{/block:Title}</h1>
  741. {Body}<br>{/block:Text}
  742.  
  743. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  744. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  745.  
  746. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  747. {/block:Caption}<br>{/block:Photoset}
  748.  
  749. {block:Quote}<div style="font-size:10px;font-family:'courier new';text-transform:uppercase;padding:10px;background-color:{color:Border};color:{color:Background};">"{Quote}"</div><br/>
  750. {block:Source}<div class="qsource"> —{Source}</div>
  751. {/block:Source}<br>{/block:Quote}
  752.  
  753. {block:Link}<a href="{URL}" {Target} title="{Name}"><div style="border-top:5px solid {color:SidebarBorder};font-size:8px;font-family:'Courier New';text-tranform:uppercase;padding:10px;background-color:{color:Border};color:{color:Text};">{Name}</div></a>{block:Description}{Description}{/block:Description}<br/>{/block:Link}
  754.  
  755. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<span style="text-transform:uppercase;font-family:'courier new';"><b>{Label}</b></span>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  756. {block:Audio}
  757. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{block:AlbumArt}<div class="imgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} <div class="trackdetails">{block:TrackName}<big>{TrackName}</big><br/>{/block:TrackName}{block:Artist}{Artist}<br/>{/block:Artist}{block:Album}{Album}<br/>{/block:Album}{PlayCountWithLabel}</div>{block:Caption}{Caption}{/block:Caption}<br/>
  758. {/block:Audio}
  759.  
  760. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  761.  
  762. <!--- Please don't steal anything. I find it rude and unethical. -->
  763. {block:Answer}<div id="answer">
  764. <div class="question">
  765. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  766. {block:Answerer}<br/><br/><div class="question"><div class="asker">{Answerer}</div><br/><div class="q">{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  767. {block:IndexPage}
  768. <div id="info">
  769. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a>
  770. {block:NoteCount}
  771. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  772. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  773. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  774. {block:HasTags}<div id="tags">
  775. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  776. </div>{block:HasTags}
  777. </div>
  778. {/block:IndexPage}
  779.  
  780. {block:PermalinkPage}
  781. <div id="info">
  782. <a>{Month} {DayOfMonth}, {Year} {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}</a>
  783. {block:NoteCount}
  784. | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource} |
  785. <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  786. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="Reblogged From" target="_blank"></a>{/block:RebloggedFrom}
  787. {block:HasTags}<div id="tagss">
  788. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  789. </div>{block:HasTags}
  790. </div>
  791. {/block:PermalinkPage}
  792. </div>
  793.  
  794. {/block:Posts}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  795. {/block:Posts}</div>
  796.  
  797. </div>
  798.  
  799. </div>
  800. <div id="cred">
  801. <a href="http://cocoofrps.tumblr.com/" title="THEME 25 BY COCO">#</a>
  802. </div>
  803. </div>
  804.  
  805. </body>
  806.  
  807. {block:ifBoxes}
  808. <script>
  809. $(document).ready(function() {
  810. $(".boxa").hide(function(){
  811. })
  812. $(".boxeh").on('click', function() {
  813. $(".boxa").slideToggle(0, "linear",function(){
  814. $(".boxb").slideUp(0, "linear")
  815. });
  816. });
  817. });
  818.  
  819. $(document).ready(function() {
  820. $(".boxb").hide(function(){
  821. })
  822. $(".boxbee").on('click', function() {
  823. $(".boxb").slideToggle(0, "linear",function(){
  824. $(".boxa").slideUp(0, "linear")
  825. });
  826. });
  827. });
  828. </script>
  829. {/block:ifBoxes}
  830. </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!