API tools faq
paste
Advertisement
aryasnark

aryasnark - Theme 6

aryasnark
Oct 5th, 2013
17,294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6.  
  7. THEME 6 by ARYASNARK
  8.  
  9. -->
  10.  
  11. <head>
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <script>
  18. var current_obj='';
  19.  
  20. function showLinks(objID) {
  21. var obj=document.getElementById(objID);
  22. if (current_obj.style) {
  23. current_obj.style.display='none';
  24. }
  25. obj.style.display='block';
  26. current_obj=obj;
  27. }
  28. </script>
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32.  
  33. <meta name="color:background" content="#ffffff">
  34. <meta name="color:title" content ="#3b3b3b">
  35. <meta name="color:text" content="#3b3b3b">
  36. <meta name="color:tags" content="#b1b1b1">
  37. <meta name="color:tags hover" content="#3b3b3b">
  38. <meta name="color:link" content="#b8b8b8">
  39. <meta name="color:link hover" content="#707070">
  40. <meta name="color:sidelink" content="#5e5e5e">
  41. <meta name="color:sidelink hover" content="#b1b1b1">
  42. <meta name="color:border" content="#f3f3f3">
  43. <meta name="color:scrollbar" content="#f3f3f3">
  44. <meta name="color:scrollbar bg" content="#ffffff">
  45.  
  46. <meta name="if:show captions" content="1"/>
  47. <meta name="if:400px" content="1">
  48. <meta name="if:500px" content="0">
  49. <meta name="text:link 1 title" content=""/>
  50. <meta name="text:link 1" content="#"/>
  51. <meta name="text:link 2 title" content=""/>
  52. <meta name="text:link 2" content="#"/>
  53. <meta name="text:link 3 title" content=""/>
  54. <meta name="text:link 3" content="#"/>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. ::-webkit-scrollbar {width:7px; height:auto; background:{color:scrollbar bg};}
  60. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  61. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  62. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  63.  
  64. body {
  65. margin:0px;
  66. padding:0px;
  67. font-family:helvetica;
  68. font-size:11px;
  69. color:{color:text};
  70. background:{color:background};
  71. }
  72.  
  73. a:link, a, a:active, a:visited {
  74. text-decoration:none;
  75. color:{color:link};
  76. transition-duration: 0.6s;
  77. -moz-transition-duration: 0.6s;
  78. -webkit-transition-duration: 0.6s;
  79. -o-transition-duration: 0.6s;
  80. }
  81. a:hover {
  82. color:{color:link hover};
  83. transition-duration: 0.6s;
  84. -moz-transition-duration: 0.6s;
  85. -webkit-transition-duration: 0.6s;
  86. -o-transition-duration: 0.6s;
  87. }
  88.  
  89. #entry {
  90. margin-left:420px;
  91. margin-top:20px;
  92. font-family:helvetica;
  93. }
  94.  
  95. .post {
  96. overflow:hidden;
  97. float:center;
  98. text-align:left;
  99. margin-top:10px;
  100. margin-bottom:70px;
  101. padding-top:20px;
  102. padding-bottom:10px;
  103. width:400px;
  104. overflow:hidden;
  105. border-top:1px solid {color:border};
  106. {block:if500px}
  107. width:500px;
  108. {/block:if500px}
  109. }
  110.  
  111. .info {
  112. width:400px;
  113. margin-bottom:-20px;
  114. font-family:helvetica;
  115. font-size:9px;
  116. font-style:none;
  117. text-align:right;
  118. letter-spacing:1px;
  119. padding:5px;
  120. line-height:110%;
  121. text-transform:lowercase;
  122. {block:if500px}
  123. width:500px;
  124. {/block:if500px}
  125. transition-duration: 0.6s;
  126. -moz-transition-duration: 0.6s;
  127. -webkit-transition-duration: 0.6s;
  128. -o-transition-duration: 0.6s;
  129. }
  130. .info a {
  131. color:{color:link hover};
  132. padding:5px;
  133. background-color:{color:background};
  134. }
  135. .info a:hover {
  136. color:{color:link};
  137. }
  138.  
  139. #tags {
  140. width:390px;
  141. margin-top:10px;
  142. font-size:8px;
  143. font-family:helvetica;
  144. letter-spacing:1px;
  145. padding:5px;
  146. margin-bottom:-10px;
  147. text-align:center;
  148. line-height:200%;
  149. color:{color:text};
  150. {block:if500px}
  151. width:490px;
  152. {/block:if500px}
  153. transition-duration: 0.4s;
  154. -moz-transition-duration: 0.4s;
  155. -webkit-transition-duration: 0.4s;
  156. -o-transition-duration: 0.4s;
  157. }
  158. #tags a {
  159. text-transform:uppercase;
  160. text-decoration:none;
  161. font-size:7px;
  162. letter-spacing:1px;
  163. padding:3px 3px 2px 3px;
  164. color:{color:tags};
  165. background:#f8f8f8;
  166. }
  167. #tags a:hover {
  168. color:{color:tags hover};
  169. }
  170.  
  171. h1 {
  172. font-family:helvetica;
  173. text-transform:uppercase;
  174. font-size:20px;
  175. font-weight:bold;
  176. text-align:center;
  177. padding:7px;
  178. }
  179. h1 a {
  180. color:{color:title};
  181. text-transform:uppercase;
  182. }
  183.  
  184.  
  185. #sidebar {
  186. width:280px;
  187. height:100%;
  188. left:110px;
  189. position:fixed;
  190. top:0px;
  191. overflow:hidden;
  192. }
  193.  
  194. #blogtitle {
  195. width:260px;
  196. margin-top:170px;
  197. margin-bottom:-10px;
  198. font-family:helvetica;
  199. text-transform:uppercase;
  200. font-size:28px;
  201. font-weight:bold;
  202. text-align:left;
  203. padding:7px;
  204. padding-bottom:9px;
  205. }
  206. #blogtitle a {
  207. color:{color:title};
  208. }
  209.  
  210. #sidebar:hover #blogtitle a {
  211. text-transform:lowercase;
  212. }
  213.  
  214. #sidelink {
  215. display:navigate;
  216. width:400px;
  217. font-size:9px;
  218. letter-spacing:1px;
  219. text-align:left;
  220. font-style:none;
  221. text-transform:lowercase;
  222. line-height:180%;
  223. padding-left:3px;
  224. padding-right:3px;
  225. padding-top:2px;
  226. padding-bottom:2px;
  227. margin-left:5px;
  228. }
  229. #sidelink a {
  230. color:{color:sidelink};
  231. }
  232.  
  233. #sidelink a:hover {
  234. color:{color:sidelink hover};
  235. }
  236.  
  237. #sideline {
  238. color:{color:border};
  239. }
  240. #sideline:before {content: "";
  241. height:1px;
  242. width:1px;
  243. display:inline-block;
  244. margin-right:5px;
  245. margin-bottom:2px;
  246. background-color:{color:background};
  247. transition-duration: 0.6s;
  248. -moz-transition-duration: 0.6s;
  249. -webkit-transition-duration: 0.6s;
  250. -o-transition-duration: 0.6s;
  251. }
  252. #sidebar:hover #sideline:before {content: "";
  253. height:1px;
  254. width:40px;
  255. display:inline-block;
  256. background-color:{color:border};
  257. transition-duration: 0.6s;
  258. -moz-transition-duration: 0.6s;
  259. -webkit-transition-duration: 0.6s;
  260. -o-transition-duration: 0.6s;
  261. }
  262. #sidebar:hover #sideline:hover {
  263. color: {color:sidelink hover};
  264. transition-duration: 0.6s;
  265. -moz-transition-duration: 0.6s;
  266. -webkit-transition-duration: 0.6s;
  267. -o-transition-duration: 0.6s;
  268. }
  269.  
  270. #description, #link1, #link2, #link3 {
  271. width:200px;
  272. margin-left:0px;
  273. margin-top:20px;
  274. padding-left:30px;
  275. padding-right:30px;
  276. font-family:helvetica;
  277. font-size:9px;
  278. text-align:justify;
  279. letter-spacing:1px;
  280. line-height:150%;
  281. }
  282.  
  283. #pagination {
  284. position:fixed;
  285. font-family:helvetica;
  286. padding:10px;
  287. margin-top:200px;
  288. margin-left:850px;
  289. font-size:18px;
  290. font-weight:bold;
  291. letter-spacing:1px;
  292. text-align:left;
  293. text-transform:lowercase;
  294. {block:if500px}
  295. margin-left:950px;
  296. {/block:if500px}
  297. }
  298.  
  299. #pagline {
  300. color:{color:border};
  301. }
  302. #pagline:before {content: "";
  303. height:1px;
  304. width:1px;
  305. display:inline-block;
  306. margin-right:5px;
  307. margin-bottom:5px;
  308. background-color:{color:background};
  309. transition-duration: 0.6s;
  310. -moz-transition-duration: 0.6s;
  311. -webkit-transition-duration: 0.6s;
  312. -o-transition-duration: 0.6s;
  313. }
  314. #pagination:hover #pagline:before {content: "";
  315. height:1px;
  316. width:20px;
  317. display:inline-block;
  318. background-color: {color:border};
  319. transition-duration: 0.6s;
  320. -moz-transition-duration: 0.6s;
  321. -webkit-transition-duration: 0.6s;
  322. -o-transition-duration: 0.6s;
  323. }
  324. #pagination:hover #pagline:hover {
  325. color:{color:title};
  326. transition-duration: 0.6s;
  327. -moz-transition-duration: 0.6s;
  328. -webkit-transition-duration: 0.6s;
  329. -o-transition-duration: 0.6s;
  330. }
  331.  
  332. #pagination a {
  333. padding:2px;
  334. color:{color:text};
  335. }
  336.  
  337. #pagination a:hover {
  338. color:{color:text};
  339. }
  340.  
  341. .quote {
  342. font-family:helvetica;
  343. font-size:11px;
  344. font-style:none;
  345. text-align:center;
  346. letter-spacing:0px;
  347. line-height:110%;
  348. padding:10px;
  349. margin-bottom:5px;
  350. }
  351.  
  352. #source {
  353. font-size:10px;
  354. text-align:center;
  355. padding:10px;
  356. background-color:{color:background};
  357. }
  358. #source a {
  359. color:{color:text};
  360. border-bottom:1px solid #b8b8b8;
  361. }
  362.  
  363. .playbutton {
  364. width:20px;
  365. height:30px;
  366. overflow:hidden;
  367. position:relative;
  368. opacity:0.6;
  369. margin-top:27px;
  370. margin-left:10px;
  371. z-index:100;
  372. margin:9px 18px 7px 10px;
  373. transition-duration: 0.4s;
  374. -moz-transition-duration: 0.4s;
  375. -webkit-transition-duration: 0.4s;
  376. -o-transition-duration: 0.4s;
  377. }
  378.  
  379. .playbox {
  380. margin-top:15px;
  381. margin-left:13px;
  382. opacity:0.6;
  383. background-color:#fff;
  384. position:absolute;
  385. z-index:100;
  386. -webkit-border-radius: 25px;
  387. -moz-border-radius: 25px;
  388. border-radius: 25px;
  389. transition-duration: 0.4s;
  390. -moz-transition-duration: 0.4s;
  391. -webkit-transition-duration: 0.4s;
  392. -o-transition-duration: 0.4s;
  393. }
  394. .playbox:hover .playbutton {
  395. opacity:0.8;
  396. transition-duration: 0.4s;
  397. -moz-transition-duration: 0.4s;
  398. -webkit-transition-duration: 0.4s;
  399. -o-transition-duration: 0.4s;
  400. }
  401.  
  402. .audio{
  403. position:absolute;
  404. width:40px;
  405. height:40px;
  406. }
  407.  
  408. .audioimg{
  409. width:75px;
  410. height:75px;
  411. position:absolute;
  412. }
  413.  
  414. .audioimg img{
  415. margin-left:0px;
  416. float:left;
  417. opacity:1;
  418. width:75px;
  419. }
  420.  
  421. .audiodata {
  422. background-color:{color:border};
  423. font-size:10px;
  424. font-family:helvetica;
  425. color:{color:text};
  426. padding:10px;
  427. text-transform:none;
  428. height:55px;
  429. width:305px;
  430. margin-top:0px;
  431. margin-left:75px;
  432. text-align:center;
  433. {block:if500px}
  434. width:405px;
  435. {/block:if500px}
  436. }
  437.  
  438. .caption {
  439. text-align:left;
  440. font-size:10px;
  441. margin-top:5px;
  442. padding:10px 20px 10px 30px;
  443. font-family:helvetica;
  444. display:block;
  445. color:{color:text};
  446. }
  447. .caption img {
  448. max-width:360px;
  449. {block:if500px}
  450. max-width:460px;
  451. {/block:if500px}
  452. }
  453. .caption a {
  454. color:{color:text};
  455. border-bottom:1px solid #b8b8b8;
  456. }
  457.  
  458. blockquote {
  459. padding-left:5px;
  460. border-left:1px solid {color:border};
  461. }
  462.  
  463. #asker {
  464. text-align:left;
  465. margin-top:0px;
  466. margin-bottom:-10px;
  467. font-size:10px;
  468. font-style:none;
  469. padding:10px;
  470. font-family:helvetica;
  471. background-color:{color:border};
  472. }
  473. #asker a {
  474. font-size:10px;
  475. font-family:helvetica;
  476. letter-spacing:0px;
  477. background:none;
  478. border-bottom:1px solid #b8b8b8;
  479. color:{color:text}
  480. }
  481. #asked {
  482. font-size:10px;
  483. font-family:helvetica;
  484. letter-spacing:0px;
  485. background:none;
  486. }
  487.  
  488. ol.notes {
  489. padding-bottom:2%;
  490. width:360px;
  491. list-style-type:lower-roman;
  492. text-align:left;
  493. {block:if500px}
  494. width:460px;
  495. {/block:if500px}
  496. }
  497.  
  498. ol.notes li.note{
  499. border-bottom:1px solid {color:border};
  500. padding:2%;
  501. }
  502.  
  503. ol.notes li.note img.avatar{
  504. width:0px;
  505. height:0px;
  506. }
  507.  
  508. .showhide_element {
  509. display:none;
  510. }
  511.  
  512. #credit {
  513. text-transform:lowercase;
  514. position:fixed;
  515. right:7px;
  516. bottom:7px;
  517. text-align:center;
  518. font-size:9px;
  519. letter-spacing:1px;
  520. font-family:helvetica;
  521. opacity:.60;
  522. width:30px;
  523. }
  524.  
  525. </style></head>
  526. <body>
  527. <div id="credit"><a href="http://aryasnark.tumblr.com/">theme</a></div>
  528. <div id="sidebar">
  529. <br>
  530. <div id="blogtitle"><a href="/">{Title}</a></div>
  531. <div id="sidelink">
  532. <a href="#" onClick="showLinks('description');return false;" id="sideline">speak</a>,
  533.  
  534. <!--
  535. ADDITIONAL LINKS BEGIN HERE.
  536. Only add your own url if you do not want your link to open in the sidebar.
  537. -->
  538.  
  539. {block:iflink1}<a href="#" onClick="showLinks('link1');return false;">{text:link 1 title}</a>, {/block:iflink1}
  540. {block:iflink2}<a href="#" onClick="showLinks('link2');return false;">{text:link 2 title}</a>, {/block:iflink2}
  541. {block:iflink3}<a href="#" onClick="showLinks('link3');return false;">{text:link 3 title}</a>, {/block:iflink3}
  542. <a href="/ask">ask</a></div>
  543.  
  544. <div id="description" class="showhide_element">
  545. {block:Description}{Description}{/block:Description}
  546. </div>
  547.  
  548. <!--
  549. 1ST LINK BEGINS HERE.
  550. Type out your content directly onto this page.
  551. Below each link are examples of html formatting.
  552. Replace them with your own content.
  553. Begin to question whether or not this theme is worth the trouble.
  554. -->
  555.  
  556. <div id="link1" class="showhide_element">
  557. <!-- EXAMPLE. -->
  558. normal, <b>bold</b>, <i>italic</i>, <u>underline</u>, <small>small</small>, <big>big</big>
  559. <!-- END OF EXAMPLE. -->
  560. </div>
  561.  
  562.  
  563. <!-- 2ND LINK. -->
  564.  
  565. <div id="link2" class="showhide_element">
  566. <!-- EXAMPLE. -->
  567. Here is a list:<br>
  568. <ul>
  569. <li>your</li>
  570. <li>mum</li>
  571. </ul>
  572. <!-- END OF EXAMPLE. -->
  573. </div>
  574.  
  575. <!-- 3RD LINK. -->
  576.  
  577. <div id="link3" class="showhide_element">
  578. <!-- EXAMPLE. -->
  579. If you have a question, please google it first because you will probably find a solution faster than I will be able to answer during my <u>hiatus</u>.
  580. <br><br>
  581. If you encouter a problem with the theme, please let me know <a href="http://aryasnark.tumblr.com/ask">here</a>.
  582. <!-- END OF EXAMPLE. -->
  583. </div>
  584.  
  585. </div>
  586.  
  587. {block:IndexPage}
  588. <div id="pagination">
  589. {block:Pagination}
  590. {block:NextPage}
  591. <a href="{NextPage}" id="pagline">forth</a>
  592. {/block:NextPage}{/block:Pagination}</div><br><br>
  593. <div id="pagination">
  594. {block:Pagination}
  595. {block:PreviousPage}
  596. <a href="{PreviousPage}" id="pagline">back</a>
  597. {/block:PreviousPage}
  598. {/block:Pagination}
  599. </div>
  600. {/block:IndexPage}
  601.  
  602. <div id="entry">
  603.  
  604. {block:Posts}
  605.  
  606. {block:IndexPage}
  607. <div class="info">{block:Date}<a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>{/block:Date}</div>
  608. {/block:IndexPage}
  609.  
  610. {block:PermalinkPage}
  611. <div class="info">{block:Date}<a href="{Permalink}">{ShortDayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>{/block:Date}</div>
  612. {/block:PermalinkPage}
  613.  
  614. <div class="post">
  615.  
  616. {block:Text}
  617. {block:Title}<h1>{Title}</h1>{/block:Title}
  618. {Body}
  619. {/block:Text}
  620.  
  621.  
  622. {block:Photo}
  623. {block:if400px}
  624. <center><a href="{Permalink}"><img src="{PhotoURL-400}"></a></center>
  625. {/block:if400px}
  626. {block:if500px}
  627. <center><a href="{Permalink}"><img src="{PhotoURL-500}"></a></center>
  628. {/block:if500px}
  629. {block:Caption}
  630. {block:ifshowcaptions}
  631. <span class="caption">{Caption}</span>
  632. {/block:ifshowcaptions}
  633. {/block:Caption}
  634. {/block:Photo}
  635.  
  636.  
  637. {block:Photoset}
  638. {block:if400px}{Photoset-400}{/block:if400px}
  639. {block:if500px}{Photoset-500}{/block:if500px}
  640. {block:Caption}
  641. {block:ifshowcaptions}
  642. <span class="caption">{Caption}</span>
  643. {/block:ifshowcaptions}
  644. {/block:Caption}
  645. {/block:Photoset}
  646.  
  647. {block:Quote}
  648. <div class="quote">❝ {Quote} ❞</div>
  649. {block:Source}
  650. <div id="source">— &nbsp;&nbsp;{Source}&nbsp;&nbsp; —</div>
  651. {/block:Source}
  652. {/block:Quote}
  653.  
  654.  
  655. {block:Link}
  656. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  657. {block:Description}
  658. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  659. {/block:Description}
  660. {/block:Link}
  661.  
  662.  
  663. {block:Chat}
  664. {block:Title}<h1>{Title}</h1>{/block:Title}
  665. {block:Lines}
  666. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  667. {/block:Lines}
  668. {/block:Chat}
  669.  
  670. {block:Audio}
  671. <div class="audio">
  672. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  673. <div class="audioimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  674. <div class="audiodata"><br><font style="text-transform:uppercase">{block:TrackName}{TrackName} - {/block:TrackName}
  675. {block:Artist}{Artist}{/block:Artist}<br><br><small><small>{PlayCountWithLabel}</small></small></font></div>
  676.  
  677. {block:Caption}
  678. {block:ifshowcaptions}
  679. <span class="caption">{Caption}</span>
  680. {/block:ifshowcaptions}
  681. {/block:Caption}
  682. {/block:Audio}
  683.  
  684.  
  685.  
  686. {block:Video}
  687. {block:if400px}{Video-400}{/block:if400px}
  688. {block:if500px}{Video-500}{/block:if500px}
  689. {block:Caption}
  690. {block:ifshowcaptions}
  691. <span class="caption">{Caption}</span>
  692. {/block:ifshowcaptions}
  693. {/block:Caption}
  694. {/block:Video}
  695.  
  696.  
  697. {block:Answer}
  698. <div id="asker"><b>{Asker}</b> <font id="asked">asked:</font>
  699. <font-style="font-family:times new roman;"><i>{Question}</i></font></div>
  700. <font style="padding:10px;font-size:11px;">{Answer}</font>
  701. {/block:Answer}
  702.  
  703. {block:IndexPage}<div id="tags">{block:HasTags}{block:Tags}&nbsp;
  704. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{block:NoteCount}&nbsp;&nbsp;with {NoteCountWithLabel}{/block:NoteCount}</div>{/block:IndexPage}
  705.  
  706. {block:PermalinkPage}<div id="tags">{block:HasTags}{block:Tags}
  707. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}</div>
  708. <br><center><font style="padding:5px;font-size:9px;">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font></center>
  709. {/block:PermalinkPage}
  710.  
  711. </div>
  712. {/block:Posts}
  713.  
  714. {block:PermalinkPage}
  715. {block:PostNotes}
  716. <div id="notes">{PostNotes}</div>
  717. {/block:PostNotes}
  718. {/block:permalinkpage}
  719.  
  720. </div>
  721.  
  722. </div>
  723.  
  724. </body>
  725. </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!