API tools faq
paste
Advertisement
aryasnark

aryasnark - Theme 2

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