Advertisement
aryasnark

aryasnark - Theme 4

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