Advertisement
aiha

theme #1 v1.4 pv2

Sep 10th, 2014
768
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.34 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. _. o |_ _. _
  7. (_| | | | (_| _>
  8.  
  9. > theme #1 v1.4
  10. aihas.tumblr.com
  11.  
  12.  
  13.  
  14. don't steal this and use
  15. it as a base that wouldn't
  16. be very nice
  17.  
  18. if you wanna put the credit
  19. stuff somewhere else that's cool
  20. but don't remove it completely
  21.  
  22.  
  23. -->
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26. <head>
  27.  
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  30. <link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
  31.  
  32. <meta name="color:Background" content="#000000" />
  33. <meta name="color:Foreground" content="#ffffff" />
  34. <meta name="color:Border" content="#555555" />
  35. <meta name="color:Sidebar Text" content="#dddddd" />
  36. <meta name="color:Post Text" content="#777777" />
  37. <meta name="color:Link" content="#5acdb3" />
  38. <meta name="color:Title" content="#5acdb3" />
  39. <meta name="color:Ask Background" content="#f5f5f5" />
  40. <meta name="color:Footer" content="#f5f5f5" />
  41. <meta name="color:Scrollbar" content="#5acdb3" />
  42. <meta name="color:Scrollbar Background" content="#eeeeee" />
  43.  
  44. <meta name="if:500px" content="0"/>
  45. <meta name="if:400px" content="0"/>
  46. <meta name="if:250px" content="1"/>
  47.  
  48. <meta name="if:Round Corners" content="0"/>
  49. <meta name="if:Borders" content="0"/>
  50. <meta name="if:Custom Sidebar Icon" content="1"/>
  51. <meta name="if:Infinite Scroll" content="0"/>
  52. <meta name="if:Show Captions" content="1"/>
  53. <meta name="if:Footer" content="1"/>
  54. <meta name="if:Styled Tooltips" content="1"/>
  55. <meta name="if:Lowercase Sidebar Links" content="0"/>
  56.  
  57. <meta name="text:Link 1 Title" content=""/>
  58. <meta name="text:Link 1 URL" content=""/>
  59. <meta name="text:Link 2 Title" content=""/>
  60. <meta name="text:Link 2 URL" content=""/>
  61. <meta name="text:Link 3 Title" content=""/>
  62. <meta name="text:Link 3 URL" content=""/>
  63. <meta name="text:Link 4 Title" content=""/>
  64. <meta name="text:Link 4 URL" content=""/>
  65.  
  66. <meta name="image:Custom Sidebar Icon" content="https://secure.static.tumblr.com/e21811a1b82ada1bd1a69c72f86485e9/ygokpzg/RDVnbnt0d/tumblr_static_3gnkzrpm7u2o0kwwkgw0wgkks.png"/>
  67. <meta name="image:Side Image" content="https://secure.static.tumblr.com/29713b272cc5e40d91b8b1e4c0a55959/ygokpzg/2tInbnsqz/tumblr_static_289trejh8bvogwk8888gg8sss.png"/>
  68. <meta name="image:Background" content="http://static.tumblr.com/bb4305b723285f7ecb5e3bb20973b73e/ygokpzg/a4Xnbnqk5/tumblr_static_8men5syggp0kok0cgs00g4k48.png"/>
  69. <meta name="image:Favicon" content="http://static.tumblr.com/69a9389deadbfb7e220d7e69b9e7e9eb/ygokpzg/Q3tnbnshx/tumblr_static_bagzrfbymncowg4w4kwk8soc4.gif"/>
  70.  
  71. <meta
  72. name="select:Side Image Position"
  73. content="bottom:0px; left:0px;"
  74. title="Bottom left" />
  75. <meta
  76. name="select:Side Image Position"
  77. content="bottom:0px; right:0px;"
  78. title="Bottom right" />
  79.  
  80.  
  81. <meta
  82. name="select:Font"
  83. content="'Roboto','Arial'"
  84. title="Roboto" />
  85. <meta
  86. name="select:Font"
  87. content="'Lucida Sans','Arial'"
  88. title="Lucida Sans" />
  89. <meta
  90. name="select:Font"
  91. content="'Arial'"
  92. title="Arial" />
  93.  
  94.  
  95.  
  96. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  97. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  98. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  99. <link rel="shortcut icon" href="{image:Favicon}" />
  100. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  101. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  102. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  103. <style type="text/css">
  104.  
  105. body {
  106. background-color:{color:Background};
  107. background-image:url('{image:Background}');
  108. color:{color:Font};
  109. background-attachment:fixed;
  110. }
  111.  
  112. ::-webkit-scrollbar{
  113. width:8px;
  114. background-color: {color:Scrollbar Background};
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb{
  118. background-color:{color:Scrollbar};
  119. }
  120.  
  121. #wrapper {
  122. position:relative;
  123. margin:0 auto;
  124. {block:If500px}width:742px;{/block:If500px}
  125. {block:If400px}width:642px;{/block:If400px}
  126. {block:If250px}width:492px;{/block:If250px}
  127. font-family:{select:Font};
  128. font-size:11px;
  129. line-height:150%;
  130. color:{color:Font};
  131. left:-10px;
  132. }
  133.  
  134. #wrapper a {
  135. text-decoration:none;
  136. color:{color:Link};
  137.  
  138. transition: .25s ease-in-out;
  139. -moz-transition: .25s ease-in-out;
  140. -webkit-transition: .25s ease-in-out;
  141. }
  142.  
  143. #wrapper a:visited {
  144. color:{color:Link};
  145. }
  146.  
  147. #wrapper a:hover {
  148. /* opacity:0.7; */
  149. background-color:{color:Link};
  150. color:{color:Foreground};
  151. }
  152.  
  153.  
  154.  
  155. #wrapper #sidebar {
  156. position:fixed;
  157. top:150px;
  158. width:155px;
  159. border-bottom:solid 1px {color:Border};
  160. padding:0px 10px 5px 15px;
  161. }
  162.  
  163. #wrapper #sidebar .blogtitle {
  164. font-family:'oswald';
  165. font-size:25px;
  166. line-height:26px;
  167. margin:0px 0px 8px 0px;
  168. color:{color:Title};
  169.  
  170. transition: .25s ease-in-out;
  171. -moz-transition: .25s ease-in-out;
  172. -webkit-transition: .25s ease-in-out;
  173. }
  174.  
  175. #wrapper #sidebar .blogtitle:hover {
  176. opacity:0.8;
  177. background-color:initial;
  178. }
  179.  
  180. #wrapper #sidebar p {
  181. margin:3px 0px;
  182. color:{color:Sidebar Text};
  183. }
  184.  
  185. #wrapper #sidebar #portrait {
  186. {block:IfBorders}border:solid 1px {color:Border};{/block:IfBorders}
  187. {block:IfRoundCorners}border-radius:10px;{/block:IfRoundCorners}
  188. width:64px;
  189. height:64px;
  190. position:absolute;
  191. left:-63px;
  192. bottom:-23px;
  193.  
  194. transition: .25s ease-in-out;
  195. -moz-transition: .25s ease-in-out;
  196. -webkit-transition: .25s ease-in-out;
  197. }
  198.  
  199. #wrapper #sidebar #portrait:hover {
  200. opacity:0.8;
  201. }
  202.  
  203. #wrapper #sidebar #sidenav {
  204. position:absolute;
  205. left:0px;
  206. width:170px;
  207. padding:16px 10px 0px 10px;
  208. }
  209.  
  210. #wrapper #sidebar #sidenav a.cstlink {
  211. display:inline-block;
  212. width:140px;
  213. margin:2px 0px 2px 4px;
  214. padding:0px 4px 0px 8px;
  215. line-height:20px;
  216. font-size:10px;
  217. position:relative;
  218. left:1px;
  219. border-left:solid 1px {color:Border};
  220. border-bottom:solid 1px {color:Border};
  221. background-color:{color:Foreground};
  222. {block:IfRoundCorners}border-radius:5px;{/block:IfRoundCorners}
  223. {block:IfLowercaseSidebarLinks}text-transform:lowercase;{/block:IfLowercaseSidebarLinks}
  224.  
  225. transition: .25s ease-in-out;
  226. -moz-transition: .25s ease-in-out;
  227. -webkit-transition: .25s ease-in-out;
  228. }
  229.  
  230. #wrapper #sidebar #sidenav a.cstlink:hover {
  231. opacity:0.8;
  232. padding-left:20px;
  233. color:{color:Link};
  234. }
  235.  
  236. #wrapper #sidebar #sidenav #pagiarrows {
  237. width:120px;
  238. height:30px;
  239. margin:8px auto 0px auto;
  240. position:relative;
  241. left:-2px;
  242. text-align:center;
  243. font-size:11px;
  244. }
  245.  
  246. #wrapper #sidebar #sidenav #pagiarrows a {
  247. color:{color:Link};
  248. display:inline-block;
  249. }
  250.  
  251. #wrapper #sidebar #sidenav #pagiarrows a:hover {
  252. opacity:0.7;
  253. background-color:initial;
  254. }
  255.  
  256. #wrapper #sidebar #sidenav #pagiarrows .arrow.l {
  257. position:absolute;
  258. font-size:19px;
  259. left:0px;
  260. top:-3px;
  261. }
  262.  
  263. #wrapper #sidebar #sidenav #pagiarrows .arrow.r {
  264. position:absolute;
  265. font-size:19px;
  266. right:0px;
  267. top:-3px;
  268. }
  269.  
  270. #wrapper #sidebar #sidenav #pagiarrows .current_page {
  271. color:{color:Sidebar Text};
  272. }
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  
  279. #wrapper #posts {
  280. position:relative;
  281. left:215px;
  282. {block:If500px}width:530px;{/block:If500px}
  283. {block:If400px}width:430px;{/block:If400px}
  284. {block:If250px}width:280px;{/block:If250px}
  285. margin-top:50px;
  286. }
  287.  
  288. #wrapper #posts .permalink {
  289. display:block;
  290. position:absolute;
  291. width:130px;
  292. float:right;
  293. right:-139px;
  294. padding:17px 0px 17px 6px;
  295. margin-top:-16px;
  296. font-size:10px;
  297. color:{color:Sidebar Text};
  298. opacity:0.0;
  299. line-height:130%;
  300.  
  301. transition: .25s ease-in-out;
  302. -moz-transition: .25s ease-in-out;
  303. -webkit-transition: .25s ease-in-out;
  304. }
  305.  
  306. #wrapper #posts .permalink a {
  307. color:{color:Sidebar Text};
  308. background-color:initial;
  309. }
  310.  
  311. #wrapper #posts .permalink .tags {
  312. display:block;
  313. {block:IfFooter}padding:0px;{/block:IfFooter}
  314. {block:IfNotFooter}padding:8px 0px 0px 8px;{/block:IfNotFooter}
  315. }
  316.  
  317. #wrapper #posts .permalink .tags a:hover {
  318. /* opacity:0.7; */
  319. background-color:{color:Link};
  320. color:{color:Foreground};
  321. }
  322.  
  323. #wrapper #posts .post {
  324. {block:If500px}width:500px;{/block:If500px}
  325. {block:If400px}width:400px;{/block:If400px}
  326. {block:If250px}width:250px;{/block:If250px}
  327. {block:IfBorders}border:solid 1px {color:Border};{/block:IfBorders}
  328. padding:15px;
  329. margin:30px 0px;
  330. {block:IfRoundCorners}border-radius:10px;{/block:IfRoundCorners}
  331. background-color:{color:Foreground};
  332. color:{color:Post Text};
  333.  
  334. transition: .25s ease-in-out;
  335. -moz-transition: .25s ease-in-out;
  336. -webkit-transition: .25s ease-in-out;
  337. }
  338.  
  339. #wrapper #posts .post h1 {
  340. font-size:11px;
  341. margin:0px;
  342. }
  343.  
  344. #wrapper #posts .post:hover .permalink {
  345. opacity:1.0
  346. }
  347.  
  348. #wrapper #posts .post blockquote {
  349. border-left:solid 2px #aaa;
  350. margin:7px 0px 9px 5px;
  351. padding-left:13px;
  352. }
  353.  
  354. #wrapper #posts .post blockquote:last-child {
  355. margin-bottom:0px;
  356. }
  357.  
  358. #wrapper #posts .post p {
  359. margin:0px 0px 10px 0px;
  360. color:{color:Post Text};
  361. }
  362.  
  363. #wrapper #posts .post p:last-child {
  364. margin-bottom:0px;
  365. }
  366.  
  367. #wrapper #posts .post pre {
  368. background-color:{color:Ask Background};
  369. padding:5px;
  370. margin:0px;
  371. word-wrap:break-word;
  372. font-size:10px;
  373. }
  374.  
  375. #wrapper #posts .post .caption {
  376. padding:8px 0px 0px 0px;
  377. }
  378.  
  379.  
  380.  
  381. #wrapper #posts .post .text {
  382.  
  383. }
  384.  
  385. #wrapper #posts .post .text .texttitle {
  386. margin:0px 0px 5px 0px;
  387. }
  388.  
  389.  
  390. #wrapper #posts .post .photo .imglink {
  391. background-color:initial;
  392. }
  393.  
  394. #wrapper #posts .post .photo .imglink:hover {
  395. opacity:0.8;
  396. }
  397.  
  398.  
  399. #wrapper #posts .post .quote .quotecontent {
  400. font-family:georgia,serif;
  401. font-size:19px;
  402. margin:0px 0px 10px 0px;
  403. line-height:120%;
  404. }
  405.  
  406.  
  407.  
  408. #wrapper #posts .post .link .linkctr {
  409. text-align:center;
  410. margin-bottom:7px;
  411. padding:5px;
  412. background-color:{color:Link};
  413. {block:IfRoundCorners}border-radius:5px;{/block:IfRoundCorners}
  414.  
  415. transition: .25s ease-in-out;
  416. -moz-transition: .25s ease-in-out;
  417. -webkit-transition: .25s ease-in-out;
  418. }
  419.  
  420. #wrapper #posts .post .link .linkctr:hover {
  421. background-color:{color:Foreground};
  422. color:{color:Link};
  423. }
  424.  
  425. #wrapper #posts .post .link .linkctr:hover a {
  426. color:{color:Link};
  427. }
  428.  
  429. #wrapper #posts .post .link .linkctr a {
  430. color:{color:Foreground};
  431. }
  432.  
  433. #wrapper #posts .post .link .linkctr a:hover {
  434. color:{color:Link};
  435. background-color:{color:Foreground};
  436. }
  437.  
  438.  
  439.  
  440. #wrapper #posts .post .chat .chat .odd,
  441. #wrapper #posts .post .chat .chat .even {
  442. margin:5px 0px;
  443. }
  444.  
  445.  
  446.  
  447. #wrapper #posts .post .audio {
  448. min-height:80px;
  449. }
  450.  
  451. #wrapper #posts .post .audio #albumart {
  452. float:left;
  453. width:80px;
  454. height:80px;
  455. margin-right:10px;
  456. background-color:#fff;
  457. {block:IfRoundCorners}
  458. -webkit-border-top-left-radius: 5px;
  459. -moz-border-radius-topleft: 5px;
  460. border-top-left-radius: 5px;
  461. {/block:IfRoundCorners}
  462. }
  463.  
  464. #wrapper #posts .post .audio #albumart img {
  465. width:80px;
  466. height:80px;
  467. {block:IfRoundCorners}
  468. -webkit-border-top-left-radius: 5px;
  469. -moz-border-radius-topleft: 5px;
  470. border-top-left-radius: 5px;
  471. {/block:IfRoundCorners}
  472. }
  473.  
  474. #wrapper #posts .post .audio #audioplayer {
  475. float:left;
  476. width:29px;
  477. height:15px;
  478. margin-top:25px;
  479. margin-left:-66px;
  480. padding:2px 0px 14px 2px;
  481. background-color:#fff;
  482. overflow:hidden;
  483. opacity:0.8;
  484. }
  485.  
  486. #wrapper #posts .post .audio #trackinfo {
  487. height:80px;
  488. font-size:10px;
  489. }
  490.  
  491.  
  492.  
  493. #wrapper #posts .post .answer .question {
  494. background-color:{color:Ask Background};
  495. padding:7px 10px 7px 10px;
  496. {block:If500px}width:440px;{/block:If500px}
  497. {block:If400px}width:340px;{/block:If400px}
  498. {block:If250px}width:190px;{/block:If250px}
  499. margin-bottom:10px;
  500. color:{color:Post Text};
  501.  
  502. {block:IfRoundCorners}-webkit-border-top-left-radius: 5px;
  503. -moz-border-radius-topleft: 5px;
  504. border-top-left-radius: 5px;{/block:IfRoundCorners}
  505. }
  506.  
  507. #wrapper #posts .post .answer .question .asker {
  508. margin-bottom:3px;
  509. }
  510.  
  511. #wrapper #posts .post .answer .asker-avatar {
  512. position:relative;
  513. float:right;
  514. }
  515.  
  516. #wrapper #posts .post .answer .answerbox {
  517. background-color:{color:Ask Background};
  518. padding:7px 10px 7px 10px;
  519. {block:If500px}width:440px;{/block:If500px}
  520. {block:If400px}width:340px;{/block:If400px}
  521. {block:If250px}width:190px;{/block:If250px}
  522. margin-bottom:5px;
  523.  
  524. {block:IfRoundCorners}-webkit-border-bottom-left-radius: 5px;
  525. -moz-border-radius-bottomleft: 5px;
  526. border-bottom-left-radius: 5px;{/block:IfRoundCorners}
  527. }
  528.  
  529. #wrapper #posts .post .answer .answerbox .answerer {
  530. margin-bottom:3px;
  531. }
  532.  
  533. #wrapper #posts .post .answer .answerer-avatar {
  534. float:right;
  535. }
  536.  
  537.  
  538.  
  539. #wrapper #posts .post .answer .answerbox img,
  540. #wrapper #posts .post .answer .replies img,
  541. #wrapper #posts .post .text img,
  542. #wrapper #posts .post .caption img,
  543. #wrapper #posts .post .description img {
  544. max-width:100%;
  545. margin:6px 0px;
  546. height:auto;
  547. }
  548.  
  549.  
  550.  
  551. #wrapper #posts .post .footer {
  552. font-size:10px;
  553. margin:10px -15px -15px -15px;
  554. padding:5px 15px 5px 15px;
  555. background-color:{color:Footer};
  556.  
  557. {block:IfRoundCorners}
  558. -webkit-border-bottom-right-radius: 10px;
  559. -webkit-border-bottom-left-radius: 10px;
  560. -moz-border-radius-bottomright: 10px;
  561. -moz-border-radius-bottomleft: 10px;
  562. border-bottom-right-radius: 10px;
  563. border-bottom-left-radius: 10px;
  564. {/block:IfRoundCorners}
  565. }
  566.  
  567. #wrapper #posts .post .footer a {
  568. color:{color:Post Text};
  569. }
  570.  
  571. #wrapper #posts .post .footer a:hover {
  572. background-color:{color:Link};
  573. color:{color:Footer};
  574. }
  575.  
  576. #wrapper #posts .post .footer .via {
  577. float:right;
  578. }
  579.  
  580. #wrapper #posts .post .details {
  581. font-size:10px;
  582. margin:10px -15px -15px -15px;
  583. padding:5px 15px 5px 15px;
  584. background-color:{color:Footer};
  585. min-height:10px;
  586. }
  587.  
  588. #wrapper #posts .post .details:last-child {
  589. {block:IfRoundCorners}
  590. -webkit-border-bottom-right-radius: 10px;
  591. -webkit-border-bottom-left-radius: 10px;
  592. -moz-border-radius-bottomright: 10px;
  593. -moz-border-radius-bottomleft: 10px;
  594. border-bottom-right-radius: 10px;
  595. border-bottom-left-radius: 10px;
  596. {/block:IfRoundCorners}
  597. }
  598.  
  599. #wrapper #posts .post .details .via {
  600. float:right;
  601. }
  602.  
  603. #wrapper #posts .post .notes {
  604. padding:0px;
  605. display:block;
  606. margin-top:23px;
  607. }
  608.  
  609. #wrapper #posts .post .notes ol {
  610. padding:0px 10px 0px 0px;
  611. font-size:10px;
  612.  
  613. }
  614.  
  615. #wrapper #posts .post .notes ol img {
  616. display:none;
  617. }
  618.  
  619. #wrapper #posts .post .notes ol li {
  620. list-style:none;
  621. }
  622.  
  623.  
  624. #sideimage {
  625. position:fixed;
  626. z-index:-1;
  627. {select:Side Image Position}
  628. }
  629.  
  630.  
  631.  
  632. .tooltip {
  633. display: inline; position: relative;
  634. }
  635.  
  636. #s-m-t-tooltip{
  637. max-width:300px;
  638. z-index:10;
  639. margin:24px 14px 7px 12px;
  640. padding:3px 6px;
  641. background:{color:Foreground};
  642. font-family:{select:Font};
  643. font-size:10px;
  644. color:{color:Link};
  645. border:solid 1px {color:Border};
  646. {block:IfRoundCorners}border-radius:5px;{/block:IfRoundCorners}
  647. }
  648.  
  649.  
  650.  
  651. </style>
  652. </head>
  653.  
  654. <body>
  655.  
  656. <div id="wrapper">
  657. <div id="sidebar">
  658.  
  659. <a href="/">
  660. {block:IfNotCustomSidebarIcon}
  661. <img id="portrait" src="{PortraitURL-64}" />
  662. {/block:IfNotCustomSidebarIcon}
  663.  
  664. {block:IfCustomSidebarIcon}
  665. <img id="portrait" src="{image:Custom Sidebar Icon}" />
  666. {/block:IfCustomSidebarIcon}
  667. </a>
  668.  
  669. <a class="blogtitle" href="/">
  670. {Title}
  671. </a>
  672.  
  673. {block:Description}
  674. <p id="description">{Description}</p>
  675. {/block:Description}
  676.  
  677. <div id="sidenav">
  678.  
  679. <a class="cstlink" href="/">Home</a><br />
  680.  
  681. {block:AskEnabled}
  682. <a class="cstlink" href="/ask">Ask</a><br />
  683. {/block:AskEnabled}
  684.  
  685. {block:SubmissionsEnabled}
  686. <a class="cstlink" href="/submit">Submit</a><br />
  687. {/block:SubmissionsEnabled}
  688.  
  689. {block:IfLink1Url}
  690. <a class="cstlink" href="{text:Link 1 Url}">{text:Link 1 Title}</a><br />
  691. {/block:IfLink1Url}
  692.  
  693. {block:IfLink2Url}
  694. <a class="cstlink" href="{text:Link 2 URL}">{text:Link 2 Title}</a><br />
  695. {/block:IfLink2Url}
  696.  
  697. {block:IfLink3Url}
  698. <a class="cstlink" href="{text:Link 3 URL}">{text:Link 3 Title}</a><br />
  699. {/block:IfLink3Url}
  700.  
  701. {block:IfLink4Url}
  702. <a class="cstlink" href="{text:Link 4 URL}">{text:Link 4 Title}</a><br />
  703. {/block:IfLink4Url}
  704.  
  705.  
  706. <a class="cstlink" href="http://www.aihas.tumblr.com/">Theme</a><br />
  707.  
  708. {block:IfNotInfiniteScroll}
  709. {block:Pagination}
  710. <div id="pagiarrows">
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}"><span class="arrow l">&larr;</span></a>
  713. {/block:PreviousPage}
  714.  
  715. {block:JumpPagination length="5"}
  716. {block:CurrentPage}
  717. <span class="current_page">{PageNumber}</span>
  718. {/block:CurrentPage}
  719.  
  720. {block:JumpPage}
  721. <a class="jump_page" href="{URL}">{PageNumber}</a>
  722. {/block:JumpPage}
  723. {/block:JumpPagination}
  724.  
  725. {block:NextPage}
  726. <a href="{NextPage}"><span class="arrow r">&rarr;</span></a>
  727. {/block:NextPage}
  728. </div>
  729. {/block:Pagination}
  730. {/block:IfNotInfiniteScroll}
  731. </div>
  732.  
  733.  
  734.  
  735. </div>
  736.  
  737.  
  738.  
  739.  
  740.  
  741. <div id="posts">
  742. {block:Posts}
  743.  
  744. <div class="post">
  745.  
  746.  
  747. {block:IndexPage}
  748. <div class="permalink">
  749.  
  750. {block:IfNotFooter}
  751. <a href="{Permalink}">{TimeAgo}<br /></a>
  752. {block:NoteCount}
  753. <a href="{Permalink}">{NoteCountWithLabel}<br /></a>
  754. {/block:NoteCount}
  755. {/block:IfNotFooter}
  756.  
  757. {block:HasTags}
  758. <span class="tags">
  759. {block:Tags}
  760. <a href="{TagURL}">#{Tag}</a><br />
  761. {/block:Tags}
  762. </span>
  763. {/block:HasTags}
  764. </div>
  765. {/block:IndexPage}
  766.  
  767.  
  768.  
  769. {block:Text}
  770. <div class="text">
  771.  
  772. <div class="texttitle">
  773. {block:Title}
  774. {Title}
  775. {/block:Title}
  776. </div>
  777.  
  778. {Body}
  779.  
  780. </div>
  781. {/block:Text}
  782.  
  783.  
  784.  
  785. {block:Photo}
  786. <div class="photo">
  787.  
  788. <div class="maincontent">
  789.  
  790. {block:LinkURL}
  791. {block:PermalinkPage}
  792. <a class="imglink" href="{LinkURL}">
  793. {/block:PermalinkPage}
  794. {/block:LinkURL}
  795.  
  796. {block:If500px}
  797. <img
  798. src="{PhotoURL-500}"
  799. alt="{PhotoAlt}"
  800. width="500px"/>
  801. {/block:If500px}
  802.  
  803. {block:If400px}
  804. <img
  805. src="{PhotoURL-400}"
  806. alt="{PhotoAlt}"
  807. width="400px"/>
  808. {/block:If400px}
  809.  
  810. {block:If250px}
  811. <img
  812. src="{PhotoURL-250}"
  813. alt="{PhotoAlt}"
  814. width="250px"/>
  815. {/block:If250px}
  816.  
  817. {block:LinkURL}
  818. {block:PermalinkPage}
  819. <a href="{LinkURL}">
  820. {/block:PermalinkPage}
  821. {/block:LinkURL}
  822.  
  823. </div>
  824.  
  825. {block:IfShowCaptions}
  826. {block:Caption}
  827. <div class="caption">{Caption}</div>
  828. {/block:Caption}
  829. {/block:IfShowCaptions}
  830.  
  831. </div>
  832. {/block:Photo}
  833.  
  834.  
  835.  
  836. {block:Panorama}
  837. <div class="panorama">
  838.  
  839. <div class="maincontent">
  840. {LinkOpenTag}
  841. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  842. {LinkCloseTag}
  843. </div>
  844.  
  845. {block:IfShowCaptions}
  846. {block:Caption}
  847. <div class="caption">{Caption}</div>
  848. {/block:Caption}
  849. {/block:IfShowCaptions}
  850.  
  851. </div>
  852. {/block:Panorama}
  853.  
  854.  
  855.  
  856. {block:Photoset}
  857. <div class="photoset">
  858.  
  859. <div class="maincontent">
  860. {block:If500px}
  861. {Photoset-500}
  862. {/block:If500px}
  863.  
  864. {block:If400px}
  865. {Photoset-400}
  866. {/block:If400px}
  867.  
  868. {block:If250px}
  869. {Photoset-250}
  870. {/block:If250px}
  871. </div>
  872.  
  873. {block:IfShowCaptions}
  874. {block:Caption}
  875. <div class="caption">{Caption}</div>
  876. {/block:Caption}
  877. {/block:IfShowCaptions}
  878.  
  879. </div>
  880. {/block:Photoset}
  881.  
  882.  
  883.  
  884. {block:Quote}
  885. <div class="quote">
  886.  
  887. <div class="quotecontent">
  888. "{Quote}"
  889. </div>
  890.  
  891. {block:Source}
  892. <div class="source">&mdash; {Source}</div>
  893. {/block:Source}
  894.  
  895. </div>
  896. {/block:Quote}
  897.  
  898.  
  899.  
  900. {block:Link}
  901. <div class="link">
  902.  
  903. <div class="linkctr">
  904. <a href="{URL}" class="link" {Target}>{Name}</a>
  905. </div>
  906.  
  907. {block:Description}
  908. <div class="description">{Description}</div>
  909. {/block:Description}
  910.  
  911. </div>
  912. {/block:Link}
  913.  
  914.  
  915.  
  916. {block:Chat}
  917. <div class="chat">
  918.  
  919. {block:Title}
  920. {Title}
  921. {/block:Title}
  922.  
  923. <div class="chat">
  924. <blockquote>
  925. {block:Lines}
  926.  
  927. <div class="{Alt} user_{UserNumber}">
  928.  
  929. {block:Label}
  930. <span class="label">{Label}</span>
  931. {/block:Label}
  932.  
  933. {Line}
  934.  
  935. </div>
  936.  
  937. {/block:Lines}
  938. </blockquote>
  939. </div>
  940.  
  941. </div>
  942. {/block:Chat}
  943.  
  944.  
  945.  
  946. {block:Video}
  947. <div class="video">
  948.  
  949. {block:If500px}
  950. {Video-500}
  951. {/block:If500px}
  952.  
  953. {block:If400px}
  954. {Video-400}
  955. {/block:If400px}
  956.  
  957. {block:If250px}
  958. {Video-250}
  959. {/block:If250px}
  960.  
  961. {block:IfShowCaptions}
  962. {block:Caption}
  963. <div class="caption">{Caption}</div>
  964. {/block:Caption}
  965. {/block:IfShowCaptions}
  966.  
  967. </div>
  968. {/block:Video}
  969.  
  970.  
  971.  
  972. {block:Audio}
  973. <div class="audio">
  974.  
  975. <div id="albumart">
  976. {block:AlbumArt}
  977. <img src="{AlbumArtURL}" />
  978. {/block:AlbumArt}
  979. </div>
  980.  
  981. <div id="audioplayer">
  982. {block:AudioPlayer}
  983. {AudioPlayer}
  984. {/block:AudioPlayer}
  985. </div>
  986.  
  987. <div id="trackinfo">
  988.  
  989. <b>Title:</b>
  990. {block:TrackName}
  991. {TrackName}
  992. {/block:TrackName}
  993. <br />
  994.  
  995. <b>Artist:</b>
  996. {block:Artist}
  997. {Artist}
  998. {/block:Artist}
  999.  
  1000. </div>
  1001.  
  1002. {block:IfShowCaptions}
  1003. {block:Caption}
  1004. <div class="caption">{Caption}</div>
  1005. {/block:Caption}
  1006. {/block:IfShowCaptions}
  1007.  
  1008. </div>
  1009. {/block:Audio}
  1010.  
  1011.  
  1012.  
  1013. {block:Answer}
  1014. <div class="answer">
  1015.  
  1016. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  1017.  
  1018. <div class="question">
  1019. <div class="asker">{Asker}:</div>
  1020. <div class="asker-question">{Question}</div>
  1021. </div>
  1022.  
  1023. {block:Answerer}
  1024.  
  1025. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt="">
  1026.  
  1027. <div class="answerbox">
  1028. <div class="answerer">{Answerer}:</div>
  1029. <div class="answerer-answer">{Answer}</div>
  1030. </div>
  1031.  
  1032. {/block:Answerer}
  1033.  
  1034. <div class="replies">
  1035. {Replies}
  1036. </div>
  1037.  
  1038. </div>
  1039. {/block:Answer}
  1040.  
  1041.  
  1042. {block:IfFooter}
  1043. {block:IndexPage}
  1044.  
  1045. <div class="footer">
  1046.  
  1047. <a href="{Permalink}">
  1048. {block:NoteCount}
  1049. {NoteCount}</a> &mdash;
  1050. {/block:NoteCount}
  1051.  
  1052. <a href="{Permalink}">
  1053. {block:Date}
  1054. {TimeAgo}
  1055. {/block:Date}
  1056. </a>
  1057.  
  1058. <div class="via">
  1059.  
  1060. {block:RebloggedFrom}
  1061. <a title="{ReblogParentName}" href="{ReblogParentURL}">
  1062. via</a> .
  1063. {/block:RebloggedFrom}
  1064.  
  1065. {block:ContentSource}
  1066. <a title="{SourceTitle}" href="{SourceURL}">
  1067. src</a>
  1068. {/block:ContentSource}
  1069.  
  1070. </div>
  1071.  
  1072. </div>
  1073.  
  1074. {/block:IndexPage}
  1075. {/block:IfFooter}
  1076.  
  1077.  
  1078.  
  1079. {block:PermalinkPage}
  1080.  
  1081. <div class="details">
  1082. {block:PostNotes}
  1083. {NoteCount}
  1084. &mdash;
  1085. {/block:PostNotes}
  1086.  
  1087. {block:Date}
  1088. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {12Hour}:{Minutes}{AmPm}
  1089. {/block:Date}
  1090.  
  1091. <div class="via">
  1092. {block:RebloggedFrom}
  1093. <a title="{ReblogParentName}" href="{ReblogParentURL}">
  1094. via</a>
  1095.  
  1096. . <a title="{ReblogRootName}" href="{ReblogRootURL}">
  1097. orig</a>
  1098. {/block:RebloggedFrom}
  1099.  
  1100. {block:ContentSource}
  1101. {block:Reblog} . {/block:Reblog}
  1102. <a title="{SourceTitle}" href="{SourceURL}">
  1103. src</a>
  1104. {/block:ContentSource}
  1105. </div>
  1106.  
  1107. {block:HasTags}<br>
  1108. Tagged: {block:Tags}
  1109. &nbsp;#<a href="{TagURL}">{Tag}</a>
  1110. {/block:Tags}
  1111. {/block:HasTags}
  1112.  
  1113. </div>
  1114.  
  1115.  
  1116. {block:PostNotes}
  1117. <div class="notes">
  1118. {PostNotes}
  1119. </div>
  1120. {/block:PostNotes}
  1121.  
  1122. {/block:PermalinkPage}
  1123.  
  1124. </div>
  1125.  
  1126. {/block:Posts}
  1127. </div>
  1128.  
  1129. </div>
  1130.  
  1131. <img id="sideimage" src="{image:Side Image}" />
  1132.  
  1133.  
  1134.  
  1135. {block:IfStyledTooltips}
  1136. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1137. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1138.  
  1139. <script>
  1140. (function($){
  1141. $(document).ready(function(){
  1142. $("[title]").style_my_tooltips({tip_follows_cursor:true,
  1143. tip_delay_time:500,
  1144. tip_fade_speed:200
  1145. });
  1146. });
  1147. })(jQuery);
  1148. </script>
  1149. {/block:IfStyledTooltips}
  1150.  
  1151.  
  1152.  
  1153.  
  1154. </body>
  1155. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement