API tools faq
paste
Advertisement
alinarps

THEME 005: "MARLEY" // ALINARPS

alinarps
Jan 23rd, 2015
588
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.14 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. <!--
  4.  
  5. THEME 005: "MARLEY" by ALINARPS
  6. - Please don't steal or redistribute, I worked very hard on this.
  7. - You can edit to your own liking, but don't repost any edited versions unless you have talked to me first.
  8. - If you have any questions regarding this page, feel free to ask!
  9. - Have fun with it!
  10.  
  11. -->
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15.  
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Text" content="#000000"/>
  26. <meta name="color:Links" content="#aaaaaa"/>
  27. <meta name="color:Hover" content="#ffffff"/>
  28. <meta name="color:Info Links" content="#000000"/>
  29. <meta name="color:accent" content="#aaaaaa"/>
  30. <meta name="color:PostBG" content="#cccccc"/>
  31. <meta name="color:scrollbar" content="#aaaaaa"/>
  32. <meta name="color:scrollbarBG" content="#cccccc"/>
  33. <meta name="color:LinksBG" content="#ffffff"/>
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Sidebar" content=""/>
  37. <meta name="image:Sidebar 2" content=""/>
  38. <meta name="image:Admin1" content=""/>
  39. <meta name="image:Admin2" content=""/>
  40. <meta name="image:Navigation1" content=""/>
  41. <meta name="image:Navigation2" content=""/>
  42.  
  43. <meta name="if:Background" content=""/>
  44.  
  45. <meta name="text:Title" content="title"/>
  46. <meta name="text:Link 1" content="home"/>
  47. <meta name="text:Link 1 URL" content="/"/>
  48. <meta name="text:Link 2" content="message"/>
  49. <meta name="text:Link 2 URL" content="/ask"/>
  50. <meta name="text:Link 3" content="three"/>
  51. <meta name="text:Link 3 URL" content="/"/>
  52. <meta name="text:Link 4" content="four"/>
  53. <meta name="text:Link 4 URL" content="/"/>
  54. <meta name="text:Link 5" content="five"/>
  55. <meta name="text:Link 5 URL" content="/"/>
  56. <meta name="text:Link 6" content="six"/>
  57. <meta name="text:Link 6 URL" content="/"/>
  58. <meta name="text:Link 7" content="seven"/>
  59. <meta name="text:Link 7 URL" content="/"/>
  60. <meta name="text:Link 8" content="eight"/>
  61. <meta name="text:Link 8 URL" content="/"/>
  62. <meta name="text:Link 9" content="nine"/>
  63. <meta name="text:Link 9 URL" content="/"/>
  64. <meta name="text:Link 10" content="ten"/>
  65. <meta name="text:Link 10 URL" content="/"/>
  66. <meta name="text:Link 11" content="eleven"/>
  67. <meta name="text:Link 11 URL" content="/"/>
  68. <meta name="text:Link 12" content="twelve"/>
  69. <meta name="text:Link 12 URL" content="/"/>
  70. <meta name="text:Link 13" content="thirteen"/>
  71. <meta name="text:Link 13 URL" content="/"/>
  72. <meta name="text:Link 14" content="fourteen"/>
  73. <meta name="text:Link 14 URL" content="/"/>
  74.  
  75. <style type="text/css">
  76.  
  77. /*BASICS*/
  78.  
  79. body {
  80. background-color:{color:Background};
  81. {block:IfBackground}
  82. background-image:url('{image:Background}');
  83. background-attachment:fixed;
  84. background-size:cover;
  85. {/block:IfBackground}
  86. font-family:arial;
  87. font-size:12px;
  88. text-align:justify;
  89. color:{color:text};
  90. }
  91.  
  92. a {
  93. text-decoration:none;
  94. color:{color:Links};
  95. -webkit-transition: all 0.5s ease-out;
  96. -moz-transition: all 0.5s ease-out;
  97. transition: all 0.5s ease-out;
  98. }
  99.  
  100. a:hover {
  101. text-decoration:none;
  102. color:{color:Hover};
  103. -webkit-transition: all 0.5s ease-out;
  104. -moz-transition: all 0.5s ease-out;
  105. transition: all 0.5s ease-out;
  106. }
  107.  
  108. blockquote {
  109. background-color:{color:accent};
  110. margin-left:40px;
  111. color:{color:text};
  112. border-left:1px solid {color:text};
  113. padding:10px;
  114. }
  115.  
  116. pre {
  117. padding:5px;
  118. width:98%;
  119. word-break: break-all;
  120. word-wrap: break-word;
  121. background-color:{color:text};
  122. color:{color:PostBG};
  123. border-bottom:2px solid {color:PostBG};;
  124. font-family:calibri;
  125. text-align:center;
  126. }
  127.  
  128. h1{
  129. background-color:{color:background};
  130. color:{color:text};
  131. padding:5px;
  132. border-bottom:5px solid {color:accent};
  133. font-size:12px;
  134. text-align:center;
  135. text-transform:uppercase;
  136. word-break: break-all;
  137. word-wrap: break-word;
  138. }
  139.  
  140.  
  141. /*POSTS*/
  142.  
  143. .entries {
  144. margin-top:10px;
  145. margin-left:620px;
  146. position:absolute;
  147. }
  148.  
  149. .post{
  150. padding:10px;
  151. background-color:{color:postbg};
  152. margin-top:15px;
  153. margin-bottom:15px;
  154. width:500px;
  155. }
  156.  
  157. ::-webkit-scrollbar-thumb {
  158. height:9px;
  159. background-color:{color:scrollbar};
  160. border:1px solid {color:scrollbar};
  161. }
  162.  
  163. ::-webkit-scrollbar {
  164. margin-right:5px;
  165. width:7px;
  166. height:5px;
  167. background-color:{color:scrollbarbg};
  168. }
  169.  
  170. /*TAB LINKS*/
  171.  
  172. .one{
  173. margin-top:75px;
  174. margin-left:95px;
  175. position:fixed;
  176. width:140px;
  177. padding:10px;
  178. background-color:{color:postbg};
  179. color:{color:text};
  180. text-transform:uppercase;
  181. text-align:center;
  182. }
  183.  
  184. .one a{
  185. color:{color:text};
  186. -webkit-transition: all 0.5s ease-out;
  187. -moz-transition: all 0.5s ease-out;
  188. transition: all 0.5s ease-out;
  189. }
  190.  
  191. .one a:hover{
  192. color:{color:hover};
  193. -webkit-transition: all 0.5s ease-out;
  194. -moz-transition: all 0.5s ease-out;
  195. transition: all 0.5s ease-out;
  196. }
  197.  
  198. .two{
  199. margin-top:75px;
  200. margin-left:270px;
  201. position:fixed;
  202. width:140px;
  203. padding:10px;
  204. background-color:{color:postbg};
  205. color:{color:text};
  206. text-transform:uppercase;
  207. text-align:center;
  208. }
  209.  
  210. .two a{
  211. color:{color:text};
  212. -webkit-transition: all 0.5s ease-out;
  213. -moz-transition: all 0.5s ease-out;
  214. transition: all 0.5s ease-out;
  215. }
  216.  
  217. .two a:hover{
  218. color:{color:hover};
  219. -webkit-transition: all 0.5s ease-out;
  220. -moz-transition: all 0.5s ease-out;
  221. transition: all 0.5s ease-out;
  222. }
  223.  
  224. .nav{
  225. margin-top:75px;
  226. margin-left:445px;
  227. position:fixed;
  228. width:140px;
  229. padding:10px;
  230. background-color:{color:postbg};
  231. color:{color:text};
  232. text-transform:uppercase;
  233. text-align:center;
  234. }
  235.  
  236.  
  237. /*SIDEBAR & PAGINATION*/
  238.  
  239. .sidebar{
  240. background-color:{color:postbg};
  241. width:500px;
  242. height:300px;
  243. border:5px solid {color:accent};
  244. position:fixed;
  245. margin-top:122px;
  246. margin-left:95px;
  247. }
  248.  
  249. .desc{
  250. margin-left:95px;
  251. margin-top:500px;
  252. width:490px;
  253. height:81px;
  254. overflow:auto;
  255. padding:10px;
  256. background-color:{color:text};
  257. color:{color:background};
  258. position:fixed;
  259. }
  260.  
  261. .pagination{
  262. background-color:{color:accent};
  263. padding:5px;
  264. width:500px;
  265. position:fixed;
  266. margin-top:601px;
  267. margin-left:95px;
  268. color:{color:background};
  269. text-align:center;
  270. }
  271.  
  272. /*NAVIGATION*/
  273.  
  274. .shover{
  275. background-color:{color:postbg};
  276. opacity:1;
  277. border:5px solid {color:accent};
  278. margin-top:122px;
  279. margin-left:95px;
  280. width:480px;
  281. height:280px;
  282. padding:10px;
  283. position:fixed;
  284. z-index:-999;
  285. overflow:auto
  286. }
  287.  
  288. .before{
  289. background-color:{color:text};
  290. margin-top:18px;
  291. margin-right:10px;
  292. margin-bottom:10px;
  293. height:87px;
  294. width:220px;
  295. overflow:auto;
  296. padding:10px;
  297. text-align:left;
  298. }
  299.  
  300. .before a{
  301. margin-bottom:5px;
  302. padding:5px;
  303. width:98px;
  304. background-color:{color:LinksBG};
  305. color:{color:links};
  306. display:inline-block;
  307. text-align:center;
  308. -moz-transition-duration:0.7s;
  309. -webkit-transition-duration:0.7s;
  310. -o-transition-duration:0.7s;
  311. transition: all 0.5s ease-out;
  312. }
  313.  
  314. .before a:hover{
  315. background-color:{color:links};
  316. color:{color:background};
  317. -moz-transition-duration:0.7s;
  318. -webkit-transition-duration:0.7s;
  319. -o-transition-duration:0.7s;
  320. transition: all 0.5s ease-out;
  321. }
  322.  
  323. .after{
  324. background-color:{color:text};
  325. margin-top:18px;
  326. margin-right:10px;
  327. margin-bottom:10px;
  328. height:87px;
  329. width:220px;
  330. overflow:auto;
  331. padding:10px;
  332. text-align:left;
  333. }
  334.  
  335. .after a{
  336. margin-bottom:5px;
  337. padding:5px;
  338. width:98px;
  339. background-color:{color:LinksBG};
  340. color:{color:links};
  341. display:inline-block;
  342. text-align:center;
  343. -moz-transition-duration:0.7s;
  344. -webkit-transition-duration:0.7s;
  345. -o-transition-duration:0.7s;
  346. transition: all 0.5s ease-out;
  347. }
  348.  
  349. .after a:hover{
  350. background-color:{color:links};
  351. color:{color:background};
  352. -moz-transition-duration:0.7s;
  353. -webkit-transition-duration:0.7s;
  354. -o-transition-duration:0.7s;
  355. transition: all 0.5s ease-out;
  356. }
  357.  
  358. /*BUTTONS & 'HOVERS'*/
  359.  
  360. .abutton{
  361. margin-top:450px;
  362. margin-left:95px;
  363. width:150px;
  364. padding:10px;
  365. text-transform:uppercase;
  366. position:fixed;
  367. text-align:center;
  368. background-color:{color:postbg};
  369. color:{color:text};
  370. }
  371.  
  372. .ubutton{
  373. margin-top:450px;
  374. margin-left:435px;
  375. width:150px;
  376. padding:10px;
  377. text-transform:uppercase;
  378. position:fixed;
  379. text-align:center;
  380. background-color:{color:postbg};
  381. color:{color:text};
  382. }
  383.  
  384. .title{
  385. margin-top:450px;
  386. margin-left:275px;
  387. width:130px;
  388. padding:10px;
  389. text-transform:uppercase;
  390. position:fixed;
  391. text-align:center;
  392. background-color:{color:text};
  393. color:{color:background};
  394. }
  395.  
  396. .ahover{
  397. background-color:{color:postbg};
  398. opacity:1;
  399. border:5px solid {color:accent};
  400. margin-top:122px;
  401. margin-left:95px;
  402. width:480px;
  403. height:280px;
  404. padding:10px;
  405. position:fixed;
  406. z-index:-999;
  407. overflow:auto;
  408. }
  409.  
  410. .uhover{
  411. background-color:{color:postbg};
  412. opacity:1;
  413. border:5px solid {color:accent};
  414. margin-top:122px;
  415. margin-left:95px;
  416. width:480px;
  417. height:280px;
  418. padding:10px;
  419. position:fixed;
  420. z-index:-999;
  421. overflow:auto;
  422. }
  423.  
  424. /*POST INFO & TAGS */
  425.  
  426. .pinfo{
  427. padding:5px;
  428. background-color:{color:accent};
  429. color:{color:text};
  430. margin-top:5px;
  431. border-top:5px solid {color:background};
  432. border-bottom:5px solid {color:background};
  433. text-align:center;
  434. z-index:-999;
  435. margin-bottom:5px;
  436. -moz-transition-duration:0.7s;
  437. -webkit-transition-duration:0.7s;
  438. -o-transition-duration:0.7s;
  439. transition: all 0.5s ease-out;
  440. }
  441.  
  442. .pinfo a{
  443. color:{color:postbg};
  444. text-decoration:none;
  445. -moz-transition-duration:0.7s;
  446. -webkit-transition-duration:0.7s;
  447. -o-transition-duration:0.7s;
  448. transition: all 0.5s ease-out;
  449. }
  450.  
  451. .pinfo a:hover{
  452. color:{color:Hover};
  453. text-decoration:none;
  454. -moz-transition-duration:0.7s;
  455. -webkit-transition-duration:0.7s;
  456. -o-transition-duration:0.7s;
  457. transition: all 0.5s ease-out;
  458. }
  459.  
  460. .tags{
  461. padding:5px;
  462. background-color:{color:background};
  463. color:{color:text};
  464. text-align:center;
  465. opacity:0;
  466. margin-top:-35px;
  467. z-index:9999999999;
  468. -moz-transition-duration:0.7s;
  469. -webkit-transition-duration:0.7s;
  470. -o-transition-duration:0.7s;
  471. transition: all 0.5s ease-out;
  472. }
  473.  
  474. .tags a{
  475. display:inline-block;
  476. text-decoration:none;
  477. margin-right:5px;
  478. background-color:{color:Info links};
  479. padding:3px;
  480. -moz-transition-duration:1.7s;
  481. -webkit-transition-duration:1.7s;
  482. -o-transition-duration:1.7s;
  483. transition: all 1.5s ease-out;
  484. }
  485.  
  486. .post:hover .tags{
  487. opacity:1;
  488. margin-top:-10px;
  489. -moz-transition-duration:0.7s;
  490. -webkit-transition-duration:0.7s;
  491. -o-transition-duration:0.7s;
  492. transition: all 0.5s ease-out;
  493. }
  494.  
  495. /*AUDIO POSTS*/
  496.  
  497. .playbutton {
  498. width: 10px;
  499. height: 20px;
  500. overflow: hidden;
  501. position: relative;
  502. z-index: 1000;
  503. margin: 15px 24px 13px 16px;
  504. -webkit-transition: all 0.5s ease-out;
  505. -moz-transition: all 0.5s ease-out;
  506. transition: all 0.5s ease-out;
  507. }
  508.  
  509. .playbox {
  510. background-color: #000;
  511. position: absolute;
  512. z-index: 1000;
  513. margin-top: 22px;
  514. margin-left: 20px;
  515. opacity:0.3;
  516. -webkit-transition: all 0.5s ease-out;
  517. -moz-transition: all 0.5s ease-out;
  518. transition: all 0.5s ease-out;
  519. }
  520.  
  521. .playbox:hover{
  522. opacity:1;
  523. -webkit-transition: all 0.5s ease-out;
  524. -moz-transition: all 0.5s ease-out;
  525. transition: all 0.5s ease-out;
  526. }
  527.  
  528. /*QUESTION POSTS*/
  529.  
  530. .question{
  531. background-color:{color:text};
  532. color:{color:background};
  533. padding:10px;
  534. }
  535. .asker{
  536. background-color:{color:background};
  537. color:{color:text};
  538. padding:5px;
  539. text-align:right;
  540. }
  541.  
  542. /*CREDIT -- DON'T REMOVE PLEASE OR I'LL KILL YOU THANKS*/
  543.  
  544. #credit{
  545. position:fixed;
  546. right:10px;
  547. bottom:10px;
  548. padding:5px;
  549. background-color:{color:accent};
  550. z-index:9999999999;
  551. -webkit-transition: all 0.5s ease-out;
  552. -moz-transition: all 0.5s ease-out;
  553. transition: all 0.5s ease-out;
  554. }
  555.  
  556. #credit:hover{
  557. background-color:{color:postbg};
  558. z-index:9999999999;
  559. -webkit-transition: all 0.5s ease-out;
  560. -moz-transition: all 0.5s ease-out;
  561. transition: all 0.5s ease-out;
  562. }
  563.  
  564. </style>
  565.  
  566. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  567.  
  568. </head>
  569.  
  570. <body>
  571.  
  572. <a href="{text:Link 1 URL}"><div class="one">{text:Link 1}</div></a>
  573. <a href="{text:Link 2 URL}"><div class="two">{text:Link 2}</div></a>
  574. <div class="nav">navigation</div>
  575.  
  576. <div class="sidebar"><img src="{image:Sidebar}"/></div>
  577.  
  578. <!--NAVIGATION-->
  579. <div class="shover">
  580.  
  581. <div style="background-color:{color:background};color:{color:text};padding:2px;width:236px;margin-top:0px;position:absolute;">before acceptance</div>
  582. <div class="before" style="float:left;">
  583. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  584. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  585. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  586. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  587. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  588. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  589. </div>
  590.  
  591. <img src="{image:Navigation1}" style="float:right;width:230px;height:125px;position:absolute;"/>
  592.  
  593. <img src="{image:Navigation2}" style="float:left;width:230px;height:125px;position:absolute;margin-left:-250px;margin-top:135px;"/>
  594.  
  595. <div style="background-color:{color:background};color:{color:text};padding:2px;width:236px;margin-top:135px;position:absolute;margin-left:240px;">after acceptance</div>
  596. <div class="after" style="margin-top:153px;float:right;position:absolute;margin-left:240px;">
  597. <a href="{text:Link 9 URL}">{text:Link 9}</a>
  598. <a href="{text:Link 10 URL}">{text:Link 10}</a>
  599. <a href="{text:Link 11 URL}">{text:Link 11}</a>
  600. <a href="{text:Link 12 URL}">{text:Link 12}</a>
  601. <a href="{text:Link 13 URL}">{text:Link 13}</a>
  602. <a href="{text:Link 14 URL}">{text:Link 14}</a>
  603. </div>
  604.  
  605. </div>
  606.  
  607. <div class="abutton">ADMINS</div>
  608. <div class="title">{text:Title}</div>
  609. <div class="ubutton">UPDATES</div>
  610.  
  611.  
  612. <!--ADMINS-->
  613. <div class="ahover">
  614. <h1>THE ADMINS OF THE ROLEPLAY/RPH/WHATEVER</em></h1>
  615. <img src="{image:Admin1}" style="width:100px;height:100px;padding:5px;background-color:{color:accent};float:left;margin-right:10px;"/>
  616. <pre><strong><em>ADMIN NO ONE</em></strong></pre>
  617. <p style="line-height:1.3;">hello my name is cool and im pretty cool wow who knew???? im from no timezone bc i dont exist and i dont actually do anything other than play example for everyone else!! idk why you're reading this since this is really just a space filler..... u should edit this in the html nice</p>
  618.  
  619. <img src="{image:Admin2}" style="width:100px;height:100px;padding:5px;background-color:{color:accent};float:left;margin-right:10px;"/>
  620. <pre><strong><em>ADMIN NO ONE</em></strong></pre>
  621. <p style="line-height:1.3;">hello my name is cool and im pretty cool wow who knew???? im from no timezone bc i dont exist and i dont actually do anything other than play example for everyone else!! idk why you're reading this since this is really just a space filler..... u should edit this in the html nice</p>
  622. </div>
  623.  
  624. <!--UPDATES-->
  625. <div class="uhover">
  626. <h1>UPDATES (&& EDIT THIS IN THE HTML)</h1>
  627. <ul>
  628. <span style="background-color:{color:text};color:{color:background};padding:3px;">DATE</span> someTHIng happened ehre n*ce
  629. <br/><br/>
  630. <span style="background-color:{color:text};color:{color:background};padding:3px;">DATE</span> someTHIng happened ehre n*ce
  631. <br/><br/>
  632. <span style="background-color:{color:text};color:{color:background};padding:3px;">DATE</span> someTHIng happened ehre n*ce
  633. <br/><br/>
  634. <span style="background-color:{color:text};color:{color:background};padding:3px;">DATE</span> someTHIng happened ehre n*ce
  635. </ul>
  636. </div>
  637.  
  638. <div class="desc">{Description}</div>
  639.  
  640. <div class="pagination">
  641. &nbsp;
  642. {block:Pagination}
  643. {block:PreviousPage}
  644. <a href="{PreviousPage}">← GO BACK</a>
  645. {/block:PreviousPage}
  646. {block:NextPage}
  647. &nbsp;//&nbsp;<a href="{NextPage}"> CONTINUE →</a>
  648. {/block:NextPage}
  649. {/block:Pagination}
  650. &nbsp;
  651. </div>
  652. </div>
  653.  
  654. <!--POSTS-->
  655. <div class="entries">
  656.  
  657. {block:Posts}
  658. <div class="post">
  659.  
  660. {block:Text}
  661. {block:Title}<pre>{Title}</pre>{/block:Title}
  662. {Body}
  663. {/block:Text}
  664.  
  665. {block:Photo}
  666. {LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}
  667. {block:Caption}{Caption}{/block:Caption}
  668. {/block:Photo}
  669.  
  670. {block:Photoset}
  671. {Photoset-500}
  672. {block:Caption}{Caption}{/block:Caption}
  673. {/block:Photoset}
  674.  
  675. {block:Link}
  676. <pre><a href="{URL}" {Target}>{Name}</a></pre>
  677. {block:Description}{Description}{/block:Description}
  678. {/block:Link}
  679.  
  680. {block:Quote}
  681. <pre>"{Quote}"</pre>
  682. {block:Source}<div align="right"> —{Source}</div>{/block:Source}
  683. {/block:Quote}
  684.  
  685. {block:Chat}
  686. {block:Title}<pre>{Title}</pre>{/block:Title}
  687. {block:Lines}
  688. <div style="background-color:{color:background};padding:5px;margin-top:3px;margin-bottom:3px;">
  689. {block:Label}<b>{Label}</b>{/block:Label}
  690. {Line}<br>
  691. </div>
  692. {/block:Lines}
  693. {/block:Chat}
  694.  
  695. {block:Audio}
  696. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  697. {block:AlbumArt}
  698. <img src="{AlbumArtURL}" style="float:left;border:10px solid {color:text};width:70px;margin-right:10px;">
  699. {/block:AlbumArt}
  700. <div style="background-color:{color:background};height:70px;padding:10px;">
  701. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  702. {block:Artist}<em>by {Artist}</em>{/block:Artist}
  703. <br /><br />
  704. {block:Album}{Album}{/block:Album}
  705. <br /><br />
  706. {block:PlayCount}Played {FormattedPlayCount} times{/block:PlayCount}
  707. </div>
  708. {block:Caption}{Caption}{/block:Caption}
  709. {/block:Audio}
  710.  
  711. {block:Video}
  712. {Video-500}
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Video}
  715.  
  716. {block:Answer}
  717. <div class="question">❝{Question}❞</div>
  718. <div class="asker">inquired {Asker}</div>
  719. {Answer}
  720. {/block:Answer}
  721.  
  722. <div class="pinfo">
  723. posted <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> from <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  724.  
  725.  
  726. {block:PostNotes}<br />{PostNotes}{/block:PostNotes}
  727. </div>
  728.  
  729. {block:HasTags}<div class="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  730.  
  731. </div>
  732. {/block:Posts}
  733.  
  734. </div>
  735.  
  736. <!-----DO NOT TOUCH THIS!!!!---->
  737. <div id="credit"><a href="http://alinarps.tumblr.com/">ALINARPS</a></div>
  738.  
  739. <script>
  740.  
  741. $(document).ready(function() {
  742. $(".ubutton").on('click', function() {
  743. $(".uhover").fadeIn(0, "linear",function(){
  744. $(".sidebar").fadeOut(0, "linear");
  745. $(".ahover").fadeOut(0, "linear");
  746. $(".mhover").fadeOut(0, "linear");
  747. $(".nhover").fadeOut(0, "linear");
  748. });
  749. });
  750. });
  751.  
  752. $(document).ready(function() {
  753. $(".abutton").on('click', function() {
  754. $(".ahover").fadeIn(0, "linear",function(){
  755. $(".sidebar").fadeOut(0, "linear");
  756. $(".uhover").fadeOut(0, "linear");
  757. $(".mhover").fadeOut(0, "linear");
  758. $(".nhover").fadeOut(0, "linear");
  759. });
  760. });
  761. });
  762.  
  763. $(document).ready(function() {
  764. $(".title").on('click', function() {
  765. $(".sidebar").fadeIn(0, "linear",function(){
  766. $(".ahover").fadeOut(0, "linear");
  767. $(".uhover").fadeOut(0, "linear");
  768. $(".mhover").fadeOut(0, "linear");
  769. $(".nhover").fadeOut(0, "linear");
  770. });
  771. });
  772. });
  773.  
  774. $(document).ready(function() {
  775. $(".nav").on('click', function() {
  776. $(".shover").fadeIn(0, "linear",function(){
  777. $(".ahover").fadeOut(0, "linear");
  778. $(".uhover").fadeOut(0, "linear");
  779. $(".mhover").fadeOut(0, "linear");
  780. $(".sidebar").fadeOut(0, "linear");
  781. });
  782. });
  783. });
  784.  
  785. </script>
  786.  
  787. </body>
  788.  
  789. </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!