API tools faq
paste
Advertisement
aryasnark

aryasnark - Theme 5

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