API tools faq
paste
Advertisement
aryasnark

aryasnark - Theme 3

aryasnark
Jul 9th, 2013
10,394
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.83 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 3 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.  
  18. <meta name="color:background" content="#ffffff">
  19. <meta name="color:title" content ="#3b3b3b">
  20. <meta name="color:text" content="#3b3b3b">
  21. <meta name="color:tags" content="#3b3b3b">
  22. <meta name="color:permalink" content="#e0e0e0">
  23. <meta name="color:link" content="#b8b8b8">
  24. <meta name="color:link hover" content="#3b3b3b">
  25. <meta name="color:sidelink" content="#3b3b3b">
  26. <meta name="color:sidelink hover" content="#3b3b3b">
  27. <meta name="color:border" content="#eeeeee">
  28. <meta name="color:scrollbar" content="#eeeeee">
  29. <meta name="color:scrollbar bg" content="#ffffff">
  30.  
  31. <meta name="if:show captions" content="1"/>
  32. <meta name="if:hover" content="1"/>
  33. <meta name="text:link 1 title" content=""/>
  34. <meta name="text:link 1" content=""/>
  35. <meta name="text:link 2 title" content=""/>
  36. <meta name="text:link 2" content=""/>
  37. <meta name="text:link 3 title" content=""/>
  38. <meta name="text:link 3" content=""/>
  39.  
  40. <style type="text/css">
  41.  
  42. ::-webkit-scrollbar {width:5px; height:auto; background:{color:scrollbar bg};}
  43. ::-webkit-scrollbar-corner {background:{color:scrollbar};}
  44. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  45. ::-webkit-scrollbar-thumb:horizontal {background:{color:scrollbar};}
  46.  
  47. body {
  48. margin:0px;
  49. padding:0px;
  50. font-family:baskerville;
  51. font-size:10px;
  52. color:{color:text};
  53. background:{color:background};
  54. }
  55.  
  56. a:link, a, a:active, a:visited {
  57. text-decoration:none;
  58. color:{color:link};
  59. -webkit-transition: all 0.5s ease-in-out;
  60. -moz-transition: all 0.5s ease-in-out;
  61. -o-transition: all 0.5s ease-in-out;
  62. -ms-transition: all 0.5s ease-in-out;
  63. transition: all 0.5s ease-in-out;
  64. }
  65. a:hover {
  66. color:{color:link hover};
  67. }
  68.  
  69. #entry {
  70. margin-left:320px;
  71. width:520px;
  72. font-family:baskerville;
  73. }
  74.  
  75. .post {
  76. float:center;
  77. overflow:hidden;
  78. text-align:left;
  79. padding-top:20px;
  80. padding-bottom:60px;
  81. padding-right:20px;
  82. width:500px;
  83. overflow:hidden;
  84. }
  85.  
  86. h1 {
  87. font-size:14px;
  88. text-transform:none;
  89. font-weight:lighter;
  90. padding-left:10px;
  91. color:{color:title};
  92. }
  93. h1 a {
  94. color:{color:title};
  95. text-transform:none;
  96. }
  97.  
  98.  
  99. #sidebar {
  100. background-color:{color:background};
  101. border-right: solid 1px {color:border};
  102. width:300px;
  103. height:110%;
  104. position:fixed;
  105. top:1px;
  106. overflow:hidden;
  107. }
  108.  
  109. #blogtitle {
  110. width:279px;
  111. margin-top:50px;
  112. margin-bottom:-5px;
  113. font-family:{font:text};
  114. text-transform:lowercase;
  115. font-size:28px;
  116. font-weight:normal;
  117. text-align:right;
  118. padding:5px;
  119. }
  120. #blogtitle a {
  121. color:{color:title};
  122. text-transform:lowercase;
  123. text-decoration:underline;
  124. }
  125.  
  126.  
  127. #sidelink {
  128. display:navigate;
  129. width:279px;
  130. font-size:10px;
  131. letter-spacing:1px;
  132. text-align:right;
  133. font-style:none;
  134. text-transform:lowercase;
  135. line-height:180%;
  136. padding:5px 7px 5px 7px;
  137. }
  138.  
  139. #sidelink a {
  140. color:{color:sidelink};
  141. padding-left:3px;
  142. padding-right:3px;
  143. padding-top:2px;
  144. padding-bottom:2px;
  145. background-color:{color:background};
  146. }
  147. #sidelink a:hover {
  148. font-style:none;
  149. width:300px;
  150. color:{color:sidelink hover};
  151. text-transform:uppercase;
  152. background-color:{color:background};
  153. -webkit-transition: all 0s ease-in-out;
  154. -moz-transition: all 0s ease-in-out;
  155. -o-transition: all 0s ease-in-out;
  156. -ms-transition: all 0s ease-in-out;
  157. transition: all 0s ease-in-out;
  158. }
  159.  
  160. #description {
  161. width:150px;
  162. margin-left:127px;
  163. margin-bottom:2px;
  164. padding:5px;
  165. font-family:baskerville;
  166. font-size:10px;
  167. text-align:right;
  168. letter-spacing:0px;
  169. line-height:150%;
  170. }
  171.  
  172. .pagination {
  173. margin-top:10px;
  174. margin-right:21px;
  175. text-align:right;
  176. font-family:baskerville;
  177. font-size:9px;
  178. letter-spacing:1px;
  179. }
  180.  
  181. .pagination a {
  182. color:{color:text};
  183. padding-left:3px;
  184. padding-right:3px;
  185. padding-top:2px;
  186. padding-bottom:2px;
  187. background-color:{color:border};
  188. -webkit-transition: all 0.5s ease-in-out;
  189. -moz-transition: all 0.5s ease-in-out;
  190. -o-transition: all 0.5s ease-in-out;
  191. -ms-transition: all 0.5s ease-in-out;
  192. transition: all 0.5s ease-in-out;
  193. }
  194.  
  195. .pagination a:hover {
  196. color:{color:text};
  197. padding-left:3px;
  198. padding-right:3px;
  199. padding-top:2px;
  200. padding-bottom:2px;
  201. background-color:{color:background};
  202. }
  203.  
  204. .quote {
  205. font-family:baskerville;
  206. font-size:16px;
  207. font-style:none;
  208. text-align:center;
  209. letter-spacing:1px;
  210. line-height:110%;
  211. padding-right:5px;
  212. padding-left:5px;
  213. padding-bottom:3px;
  214. }
  215.  
  216. #source {
  217. text-align:left;
  218. padding-left:20px;
  219. padding-right:5px;
  220. }
  221.  
  222. .audioimage{float:left;text-align: center; margin-left:0px;width: 95px;
  223. border: 0px solid; color:transparent;}
  224.  
  225. .audioimage img{max-width: 95px;height:95px; width:95px; margin: 0 0 0px 0}
  226.  
  227.  
  228. .player {width:41px; height:41px; position:absolute; z-index:3; background:#FFFFFF; margin-top:6px; margin-left:27px; opacity:0.3; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; border-radius: 20px 20px 20px 20px;}
  229.  
  230. .player:hover {opacity:0.80; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  231.  
  232. .audioplayer {background-color:transparent; width:15px; height:25px; overflow:hidden; padding:3px; margin-left:5px; margin-top:5px; -webkit-border-radius:15px 15px 15px 15px;}
  233.  
  234.  
  235. .audiodata {background-color:{color:background}; color:{color:text}; text-transform:uppercase; height:10px; padding:6px 0px 5px 0px; width:401px; margin-bottom:-7px; margin-left:99px; text-align:center}
  236.  
  237. .audiodata b{color:{color:source};line-height:7px}
  238.  
  239.  
  240. .playcount {background-color:{color:background};font-size:7px;font-family:baskerville;color:{color:text}; text-transform:uppercase; height:10px; padding:6px 0px 5px 0px; width:401px; margin-left:99px; margin-top:10px; text-align:center}
  241.  
  242. .caption {
  243. text-align:left;
  244. padding-left:10px;
  245. padding-right:10px;
  246. font-family:baskerville;
  247. display:block;
  248. }
  249. .caption img {
  250. max-width:490px;
  251. }
  252.  
  253. blockquote {
  254. padding-left:5px;
  255. border-left:1px solid {color:border};
  256. }
  257.  
  258. #asker {
  259. text-align:left;
  260. margin-top:0px;
  261. margin-bottom:3px;
  262. font-size:14px;
  263. font-style:italic;
  264. }
  265.  
  266. #asked, #asker a {
  267. font-size:14px;
  268. font-style:italic;
  269. font-family:baskerville;
  270. letter-spacing:0px;
  271. background:none;
  272. border-bottom:none;
  273. }
  274.  
  275. #asker a:hover {
  276. color:{color:link hover};
  277. }
  278.  
  279. #bottompost {
  280. width:490px;
  281. margin-top:4px;
  282. font-family:baskerville;
  283. font-size:9px;
  284. text-align:left;
  285. letter-spacing:1px;
  286. padding:5px;
  287. line-height:150%;
  288. {block:indexpage}
  289. {block:ifhover}
  290. opacity:0;
  291. {/block:ifhover}
  292. {block:indexpage}
  293. border-top:1px solid {color:border};
  294. background-color:{color:bottompost bg};
  295. -webkit-transition: all 0.5s ease-in-out;
  296. -moz-transition: all 0.5s ease-in-out;
  297. -o-transition: all 0.5s ease-in-out;
  298. -ms-transition: all 0.5s ease-in-out;
  299. transition: all 0.5s ease-in-out;
  300. }
  301.  
  302. #bottompost a {
  303. color:{color:bottompost link};
  304. }
  305. #bottompost a:hover {
  306. color:{color:bottompost link hover};
  307. }
  308.  
  309. {block:ifhover}
  310. .post:hover #bottompost {
  311. opacity:1;
  312. -webkit-transition: all 0.5s ease-in-out;
  313. -moz-transition: all 0.5s ease-in-out;
  314. -o-transition: all 0.5s ease-in-out;
  315. -ms-transition: all 0.5s ease-in-out;
  316. }
  317. {/block:ifhover}
  318.  
  319. #tags {
  320. margin-left:10px;
  321. font-size:9px;
  322. font-family:baskerville;
  323. text-transform:none;
  324. color:{color:tags};
  325. line-height:200%;
  326. {block:indexpage}
  327. {block:ifhover}
  328. opacity:0;
  329. {/block:ifhover}
  330. {block:indexpage}
  331. -webkit-transition: all 0.5s ease-in-out;
  332. -moz-transition: all 0.5s ease-in-out;
  333. -o-transition: all 0.5s ease-in-out;
  334. -ms-transition: all 0.5s ease-in-out;
  335. transition: all 0.5s ease-in-out;
  336. }
  337. #tags a {
  338. color:{color:tags};
  339. padding:2px;
  340. background-color:{color:border};
  341. }
  342. #tags a:hover {
  343. color:{color:tags};
  344. background-color:{color:background};
  345. }
  346.  
  347. {block:ifhover}
  348. .post:hover #tags {
  349. opacity:1;
  350. -webkit-transition: all 0.5s ease-in-out;
  351. -moz-transition: all 0.5s ease-in-out;
  352. -o-transition: all 0.5s ease-in-out;
  353. -ms-transition: all 0.5s ease-in-out;
  354. transition: all 0.5s ease-in-out;
  355. }
  356. {/block:ifhover}
  357.  
  358. ol.notes {
  359. padding-bottom:2%;
  360. width:460px;
  361. list-style-type:lower-roman;
  362. text-align:left;
  363. }
  364.  
  365. ol.notes li.note{
  366. border-bottom:1px solid {color:border};
  367. padding:2%;
  368. }
  369.  
  370. ol.notes li.note img.avatar{
  371. width:0px;
  372. height:0px;}
  373.  
  374. #credit {
  375. text-transform:lowercase;
  376. position:fixed;
  377. right:7px;
  378. bottom:7px;
  379. text-align:center;
  380. font-size:9px;
  381. letter-spacing:1px;
  382. font-family:baskerville;
  383. opacity:.60;
  384. width:30px;
  385. }
  386.  
  387. iframe#tumblr_controls {
  388. top:5px;
  389. right:10px!important;
  390. position:fixed !important;
  391. -webkit-filter: invert(1);
  392. opacity:.6;
  393. filter:alpha(opacity=60);
  394. -moz-opacity:.6;
  395. }
  396.  
  397. </style></head>
  398. <body>
  399. <div id="credit"><a href="http://aryasnark.tumblr.com/">credit</a></div>
  400. <div id="sidebar">
  401. <br>
  402. <div id="blogtitle"><a href="/">{Title}</a></div>
  403. <div id="sidelink">
  404.  
  405. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a><br>{/block:iflink1}
  406. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a><br>{/block:iflink2}
  407. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a><br>{/block:iflink3}
  408. <a href="/ask">ask</a><br>
  409. <a href="/archive">archive</a>
  410. </div>
  411. <div id="description">{block:Description}{Description}{/block:Description}</div>
  412. <br>
  413. {block:IndexPage}
  414. <div class="pagination">
  415. {block:PreviousPage}
  416. <a href="{PreviousPage}">back</a>
  417. &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;
  418. {/block:PreviousPage}
  419. {block:NextPage}
  420. <a href="{NextPage}">forth</a>
  421. {block:NextPage}
  422. </div>
  423. {/block:IndexPage}
  424. </div>
  425. </div>
  426.  
  427. <div id="entry">
  428.  
  429. {block:Posts}
  430. <div class="post">
  431.  
  432.  
  433. {block:Text}
  434. {block:Title}<h1>{Title}</h1>{/block:Title}
  435. {Body}
  436. {/block:Text}
  437.  
  438.  
  439. {block:Photo}
  440. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  441. {block:Caption}
  442. {block:ifshowcaptions}
  443. <span class="caption">{Caption}</span>
  444. {/block:ifshowcaptions}
  445. {/block:Caption}
  446. {/block:Photo}
  447.  
  448.  
  449. {block:Photoset}
  450. {Photoset-500}
  451. {block:Caption}
  452. {block:ifshowcaptions}
  453. <span class="caption">{Caption}</span>
  454. {/block:ifshowcaptions}
  455. {/block:Caption}
  456. {/block:Photoset}
  457.  
  458. {block:Quote}
  459. <div class="quote">❝ {Quote} ❞</div>
  460. {block:Source}
  461. <div id="source">—— {Source}</div>
  462. {/block:Source}
  463. {/block:Quote}
  464.  
  465.  
  466. {block:Link}
  467. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  468. {block:Description}
  469. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  470. {/block:Description}
  471. {/block:Link}
  472.  
  473.  
  474. {block:Chat}
  475. {block:Title}<h1>{Title}</h1>{/block:Title}
  476. {block:Lines}
  477. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  478. {/block:Lines}
  479. {/block:Chat}
  480.  
  481. {block:Audio}
  482. <span style="background-color:{color:background};">{block:AlbumArt}<img src="{AlbumArtURL}" class="albumart" width="95px" height="95px" align="left"/>{/block:AlbumArt}
  483. <br><br>
  484. <div class="player"><div class="audioplayer">{AudioPlayer}</div> </div></span>
  485.  
  486. <div class="audiodata">{block:TrackName}{TrackName} - {/block:TrackName}
  487. {block:Artist}{Artist}{/block:Artist}</div>
  488.  
  489. <div class="playcount">{PlayCountWithLabel}</div><br><br><br>
  490.  
  491. {block:Caption}
  492. {block:ifshowcaptions}
  493. <span class="caption">{Caption}</span>
  494. {/block:ifshowcaptions}
  495. {/block:Caption}
  496. {/block:Audio}
  497.  
  498.  
  499. {block:Video}
  500. {Video-500}
  501. {block:Caption}
  502. {block:ifshowcaptions}
  503. <span class="caption">{Caption}</span>
  504. {/block:ifshowcaptions}
  505. {/block:Caption}
  506. {/block:Video}
  507.  
  508.  
  509. {block:Answer}
  510. <div id="asker">{Asker} <font id="asked">asked:</font>
  511. <br><center>{Question}</center></div>
  512. <font style="margin-left:5px;margin-right:5px;">{Answer}</font>
  513. {/block:Answer}
  514.  
  515. {block:IndexPage}
  516. <div id="bottompost"><a href="{Permalink}">{DayOfWeek}, {DayOfMonth}{DayOfMonthSuffix} of {Month}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<div id="tags">{block:HasTags}↳ {block:Tags}
  517. <a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}</div></div>
  518. {/block:IndexPage}
  519.  
  520. {block:PermalinkPage}
  521. <div id="bottompost">
  522. {block:Date}{DayOfWeek}, {DayofMonth} of {Month}, {Year}{/block:Date}
  523. <font style="text-transform:lowercase;">{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}
  524. <br>{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a></font><br>
  525. <div id="tags">{block:HasTags}↳ {block:Tags}
  526. <a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}</div>
  527. {/block:PermalinkPage}
  528.  
  529. </div>
  530. {/block:Posts}
  531.  
  532. {block:PermalinkPage}
  533. {block:PostNotes}
  534. <div id="notes">{PostNotes}</div>
  535. {/block:PostNotes}
  536. {/block:permalinkpage}
  537.  
  538.  
  539. </div>
  540. </div>
  541.  
  542.  
  543. </body>
  544. </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!