Advertisement
aiha

theme #1 v1.4 pv1

Sep 10th, 2014
1,838
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.21 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="#fff6f7" />
  33. <meta name="color:Foreground" content="#ffffff" />
  34. <meta name="color:Border" content="#bbbbbb" />
  35. <meta name="color:Sidebar Text" content="#999999" />
  36. <meta name="color:Post Text" content="#888888" />
  37. <meta name="color:Link" content="#ffb1bd" />
  38. <meta name="color:Title" content="#ffb1cc" />
  39. <meta name="color:Ask Background" content="#f5f5f5" />
  40. <meta name="color:Footer" content="#f5f5f5" />
  41. <meta name="color:Scrollbar" content="#ffb1cc" />
  42. <meta name="color:Scrollbar Background" content="#f3e2e4" />
  43.  
  44. <meta name="if:500px" content="0"/>
  45. <meta name="if:400px" content="1"/>
  46. <meta name="if:250px" content="0"/>
  47.  
  48. <meta name="if:Round Corners" content="1"/>
  49. <meta name="if:Borders" content="1"/>
  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/8f72c27abeff1ff7aaa63b7e1b64a903/ygokpzg/KZynbnwjg/tumblr_static_3r9rdmfy9d4wok00o84kcgggw.jpg"/>
  67. <meta name="image:Side Image" content="http://static.tumblr.com/58dacb9ed022b9f22a96328607cbe85f/ygokpzg/BgGnbm43f/tumblr_static_aycs2q1w7tkcc4ggo8g0oo8wk.png"/>
  68. <meta name="image:Background" content=""/>
  69. <meta name="image:Favicon" content="http://static.tumblr.com/8b41c5a0af36ddc6f6b2f156b313f696/ygokpzg/JCqnbnx38/tumblr_static_bkr8piembr40sgs844oswksw8.png"/>
  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. #wrapper #posts .post .answer .question {
  493. background-color:{color:Ask Background};
  494. padding:7px 10px 7px 10px;
  495. {block:If500px}width:440px;{/block:If500px}
  496. {block:If400px}width:340px;{/block:If400px}
  497. {block:If250px}width:190px;{/block:If250px}
  498. margin-bottom:10px;
  499. color:{color:Post Text};
  500.  
  501. {block:IfRoundCorners}-webkit-border-top-left-radius: 5px;
  502. -moz-border-radius-topleft: 5px;
  503. border-top-left-radius: 5px;{/block:IfRoundCorners}
  504. }
  505.  
  506. #wrapper #posts .post .answer .question .asker {
  507. margin-bottom:3px;
  508. }
  509.  
  510. #wrapper #posts .post .answer .asker-avatar {
  511. position:relative;
  512. float:right;
  513. }
  514.  
  515. #wrapper #posts .post .answer .answerbox {
  516. background-color:{color:Ask Background};
  517. padding:7px 10px 7px 10px;
  518. {block:If500px}width:440px;{/block:If500px}
  519. {block:If400px}width:340px;{/block:If400px}
  520. {block:If250px}width:190px;{/block:If250px}
  521. margin-bottom:5px;
  522.  
  523. {block:IfRoundCorners}-webkit-border-bottom-left-radius: 5px;
  524. -moz-border-radius-bottomleft: 5px;
  525. border-bottom-left-radius: 5px;{/block:IfRoundCorners}
  526. }
  527.  
  528. #wrapper #posts .post .answer .answerbox .answerer {
  529. margin-bottom:3px;
  530. }
  531.  
  532. #wrapper #posts .post .answer .answerer-avatar {
  533. float:right;
  534. }
  535.  
  536.  
  537.  
  538. #wrapper #posts .post .answer .answerbox img,
  539. #wrapper #posts .post .answer .replies img,
  540. #wrapper #posts .post .text img,
  541. #wrapper #posts .post .caption img,
  542. #wrapper #posts .post .description img {
  543. max-width:100%;
  544. margin:6px 0px;
  545. height:auto;
  546. }
  547.  
  548.  
  549.  
  550. #wrapper #posts .post .footer {
  551. font-size:10px;
  552. margin:10px -15px -15px -15px;
  553. padding:5px 15px 5px 15px;
  554. background-color:{color:Footer};
  555.  
  556. {block:IfRoundCorners}
  557. -webkit-border-bottom-right-radius: 10px;
  558. -webkit-border-bottom-left-radius: 10px;
  559. -moz-border-radius-bottomright: 10px;
  560. -moz-border-radius-bottomleft: 10px;
  561. border-bottom-right-radius: 10px;
  562. border-bottom-left-radius: 10px;
  563. {/block:IfRoundCorners}
  564. }
  565.  
  566. #wrapper #posts .post .footer a {
  567. color:{color:Post Text};
  568. }
  569.  
  570. #wrapper #posts .post .footer a:hover {
  571. background-color:{color:Link};
  572. color:{color:Footer};
  573. }
  574.  
  575. #wrapper #posts .post .footer .via {
  576. float:right;
  577. }
  578.  
  579. #wrapper #posts .post .details {
  580. font-size:10px;
  581. margin:10px -15px -15px -15px;
  582. padding:5px 15px 5px 15px;
  583. background-color:{color:Footer};
  584. min-height:10px;
  585. }
  586.  
  587. #wrapper #posts .post .details:last-child {
  588. {block:IfRoundCorners}
  589. -webkit-border-bottom-right-radius: 10px;
  590. -webkit-border-bottom-left-radius: 10px;
  591. -moz-border-radius-bottomright: 10px;
  592. -moz-border-radius-bottomleft: 10px;
  593. border-bottom-right-radius: 10px;
  594. border-bottom-left-radius: 10px;
  595. {/block:IfRoundCorners}
  596. }
  597.  
  598. #wrapper #posts .post .details .via {
  599. float:right;
  600. }
  601.  
  602. #wrapper #posts .post .notes {
  603. padding:0px;
  604. display:block;
  605. margin-top:23px;
  606. }
  607.  
  608. #wrapper #posts .post .notes ol {
  609. padding:0px 10px 0px 0px;
  610. font-size:10px;
  611.  
  612. }
  613.  
  614. #wrapper #posts .post .notes ol img {
  615. display:none;
  616. }
  617.  
  618. #wrapper #posts .post .notes ol li {
  619. list-style:none;
  620. }
  621.  
  622.  
  623. #sideimage {
  624. position:fixed;
  625. z-index:-1;
  626. {select:Side Image Position}
  627. }
  628.  
  629.  
  630.  
  631. .tooltip {
  632. display: inline; position: relative;
  633. }
  634.  
  635. #s-m-t-tooltip{
  636. max-width:300px;
  637. z-index:10;
  638. margin:24px 14px 7px 12px;
  639. padding:3px 6px;
  640. background:{color:Foreground};
  641. font-family:{select:Font};
  642. font-size:10px;
  643. color:{color:Link};
  644. border:solid 1px {color:Border};
  645. {block:IfRoundCorners}border-radius:5px;{/block:IfRoundCorners}
  646. }
  647.  
  648.  
  649.  
  650. </style>
  651. </head>
  652.  
  653. <body>
  654.  
  655. <div id="wrapper">
  656. <div id="sidebar">
  657.  
  658. <a href="/">
  659. {block:IfNotCustomSidebarIcon}
  660. <img id="portrait" src="{PortraitURL-64}" />
  661. {/block:IfNotCustomSidebarIcon}
  662.  
  663. {block:IfCustomSidebarIcon}
  664. <img id="portrait" src="{image:Custom Sidebar Icon}" />
  665. {/block:IfCustomSidebarIcon}
  666. </a>
  667.  
  668. <a class="blogtitle" href="/">
  669. {Title}
  670. </a>
  671.  
  672. {block:Description}
  673. <p id="description">{Description}</p>
  674. {/block:Description}
  675.  
  676. <div id="sidenav">
  677.  
  678. <a class="cstlink" href="/">Home</a><br />
  679.  
  680. {block:AskEnabled}
  681. <a class="cstlink" href="/ask">Ask</a><br />
  682. {/block:AskEnabled}
  683.  
  684. {block:SubmissionsEnabled}
  685. <a class="cstlink" href="/submit">Submit</a><br />
  686. {/block:SubmissionsEnabled}
  687.  
  688. {block:IfLink1Url}
  689. <a class="cstlink" href="{text:Link 1 Url}">{text:Link 1 Title}</a><br />
  690. {/block:IfLink1Url}
  691.  
  692. {block:IfLink2Url}
  693. <a class="cstlink" href="{text:Link 2 URL}">{text:Link 2 Title}</a><br />
  694. {/block:IfLink2Url}
  695.  
  696. {block:IfLink3Url}
  697. <a class="cstlink" href="{text:Link 3 URL}">{text:Link 3 Title}</a><br />
  698. {/block:IfLink3Url}
  699.  
  700. {block:IfLink4Url}
  701. <a class="cstlink" href="{text:Link 4 URL}">{text:Link 4 Title}</a><br />
  702. {/block:IfLink4Url}
  703.  
  704.  
  705. <a class="cstlink" href="http://www.aihas.tumblr.com/">Theme</a><br />
  706.  
  707. {block:IfNotInfiniteScroll}
  708. {block:Pagination}
  709. <div id="pagiarrows">
  710. {block:PreviousPage}
  711. <a href="{PreviousPage}"><span class="arrow l">&larr;</span></a>
  712. {/block:PreviousPage}
  713.  
  714. {block:JumpPagination length="5"}
  715. {block:CurrentPage}
  716. <span class="current_page">{PageNumber}</span>
  717. {/block:CurrentPage}
  718.  
  719. {block:JumpPage}
  720. <a class="jump_page" href="{URL}">{PageNumber}</a>
  721. {/block:JumpPage}
  722. {/block:JumpPagination}
  723.  
  724. {block:NextPage}
  725. <a href="{NextPage}"><span class="arrow r">&rarr;</span></a>
  726. {/block:NextPage}
  727. </div>
  728. {/block:Pagination}
  729. {/block:IfNotInfiniteScroll}
  730. </div>
  731.  
  732.  
  733.  
  734. </div>
  735.  
  736.  
  737.  
  738.  
  739.  
  740. <div id="posts">
  741. {block:Posts}
  742.  
  743. <div class="post">
  744.  
  745.  
  746. {block:IndexPage}
  747. <div class="permalink">
  748.  
  749. {block:IfNotFooter}
  750. <a href="{Permalink}">{TimeAgo}<br /></a>
  751. {block:NoteCount}
  752. <a href="{Permalink}">{NoteCountWithLabel}<br /></a>
  753. {/block:NoteCount}
  754. {/block:IfNotFooter}
  755.  
  756. {block:HasTags}
  757. <span class="tags">
  758. {block:Tags}
  759. <a href="{TagURL}">#{Tag}</a><br />
  760. {/block:Tags}
  761. </span>
  762. {/block:HasTags}
  763. </div>
  764. {/block:IndexPage}
  765.  
  766.  
  767.  
  768. {block:Text}
  769. <div class="text">
  770.  
  771. <div class="texttitle">
  772. {block:Title}
  773. {Title}
  774. {/block:Title}
  775. </div>
  776.  
  777. {Body}
  778.  
  779. </div>
  780. {/block:Text}
  781.  
  782.  
  783.  
  784. {block:Photo}
  785. <div class="photo">
  786.  
  787. <div class="maincontent">
  788.  
  789. {block:LinkURL}
  790. {block:PermalinkPage}
  791. <a class="imglink" href="{LinkURL}">
  792. {/block:PermalinkPage}
  793. {/block:LinkURL}
  794.  
  795. {block:If500px}
  796. <img
  797. src="{PhotoURL-500}"
  798. alt="{PhotoAlt}"
  799. width="500px"/>
  800. {/block:If500px}
  801.  
  802. {block:If400px}
  803. <img
  804. src="{PhotoURL-400}"
  805. alt="{PhotoAlt}"
  806. width="400px"/>
  807. {/block:If400px}
  808.  
  809. {block:If250px}
  810. <img
  811. src="{PhotoURL-250}"
  812. alt="{PhotoAlt}"
  813. width="250px"/>
  814. {/block:If250px}
  815.  
  816. {block:LinkURL}
  817. {block:PermalinkPage}
  818. <a href="{LinkURL}">
  819. {/block:PermalinkPage}
  820. {/block:LinkURL}
  821.  
  822. </div>
  823.  
  824. {block:IfShowCaptions}
  825. {block:Caption}
  826. <div class="caption">{Caption}</div>
  827. {/block:Caption}
  828. {/block:IfShowCaptions}
  829.  
  830. </div>
  831. {/block:Photo}
  832.  
  833.  
  834.  
  835. {block:Panorama}
  836. <div class="panorama">
  837.  
  838. <div class="maincontent">
  839. {LinkOpenTag}
  840. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  841. {LinkCloseTag}
  842. </div>
  843.  
  844. {block:IfShowCaptions}
  845. {block:Caption}
  846. <div class="caption">{Caption}</div>
  847. {/block:Caption}
  848. {/block:IfShowCaptions}
  849.  
  850. </div>
  851. {/block:Panorama}
  852.  
  853.  
  854.  
  855. {block:Photoset}
  856. <div class="photoset">
  857.  
  858. <div class="maincontent">
  859. {block:If500px}
  860. {Photoset-500}
  861. {/block:If500px}
  862.  
  863. {block:If400px}
  864. {Photoset-400}
  865. {/block:If400px}
  866.  
  867. {block:If250px}
  868. {Photoset-250}
  869. {/block:If250px}
  870. </div>
  871.  
  872. {block:IfShowCaptions}
  873. {block:Caption}
  874. <div class="caption">{Caption}</div>
  875. {/block:Caption}
  876. {/block:IfShowCaptions}
  877.  
  878. </div>
  879. {/block:Photoset}
  880.  
  881.  
  882.  
  883. {block:Quote}
  884. <div class="quote">
  885.  
  886. <div class="quotecontent">
  887. "{Quote}"
  888. </div>
  889.  
  890. {block:Source}
  891. <div class="source">&mdash; {Source}</div>
  892. {/block:Source}
  893.  
  894. </div>
  895. {/block:Quote}
  896.  
  897.  
  898.  
  899. {block:Link}
  900. <div class="link">
  901.  
  902. <div class="linkctr">
  903. <a href="{URL}" class="link" {Target}>{Name}</a>
  904. </div>
  905.  
  906. {block:Description}
  907. <div class="description">{Description}</div>
  908. {/block:Description}
  909.  
  910. </div>
  911. {/block:Link}
  912.  
  913.  
  914.  
  915. {block:Chat}
  916. <div class="chat">
  917.  
  918. {block:Title}
  919. {Title}
  920. {/block:Title}
  921.  
  922. <div class="chat">
  923. <blockquote>
  924. {block:Lines}
  925.  
  926. <div class="{Alt} user_{UserNumber}">
  927.  
  928. {block:Label}
  929. <span class="label">{Label}</span>
  930. {/block:Label}
  931.  
  932. {Line}
  933.  
  934. </div>
  935.  
  936. {/block:Lines}
  937. </blockquote>
  938. </div>
  939.  
  940. </div>
  941. {/block:Chat}
  942.  
  943.  
  944.  
  945. {block:Video}
  946. <div class="video">
  947.  
  948. {block:If500px}
  949. {Video-500}
  950. {/block:If500px}
  951.  
  952. {block:If400px}
  953. {Video-400}
  954. {/block:If400px}
  955.  
  956. {block:If250px}
  957. {Video-250}
  958. {/block:If250px}
  959.  
  960. {block:IfShowCaptions}
  961. {block:Caption}
  962. <div class="caption">{Caption}</div>
  963. {/block:Caption}
  964. {/block:IfShowCaptions}
  965.  
  966. </div>
  967. {/block:Video}
  968.  
  969.  
  970.  
  971. {block:Audio}
  972. <div class="audio">
  973.  
  974. <div id="albumart">
  975. {block:AlbumArt}
  976. <img src="{AlbumArtURL}" />
  977. {/block:AlbumArt}
  978. </div>
  979.  
  980. <div id="audioplayer">
  981. {block:AudioPlayer}
  982. {AudioPlayer}
  983. {/block:AudioPlayer}
  984. </div>
  985.  
  986. <div id="trackinfo">
  987.  
  988. <b>Title:</b>
  989. {block:TrackName}
  990. {TrackName}
  991. {/block:TrackName}
  992. <br />
  993.  
  994. <b>Artist:</b>
  995. {block:Artist}
  996. {Artist}
  997. {/block:Artist}
  998.  
  999. </div>
  1000.  
  1001. {block:IfShowCaptions}
  1002. {block:Caption}
  1003. <div class="caption">{Caption}</div>
  1004. {/block:Caption}
  1005. {/block:IfShowCaptions}
  1006.  
  1007. </div>
  1008. {/block:Audio}
  1009.  
  1010.  
  1011.  
  1012. {block:Answer}
  1013. <div class="answer">
  1014.  
  1015. <img class="asker-avatar" src="{AskerPortraitURL-30}" alt="">
  1016.  
  1017. <div class="question">
  1018. <div class="asker">{Asker}:</div>
  1019. <div class="asker-question">{Question}</div>
  1020. </div>
  1021.  
  1022. {block:Answerer}
  1023.  
  1024. <img class="answerer-avatar" src="{AnswererPortraitURL-30}" alt="">
  1025.  
  1026. <div class="answerbox">
  1027. <div class="answerer">{Answerer}:</div>
  1028. <div class="answerer-answer">{Answer}</div>
  1029. </div>
  1030.  
  1031. {/block:Answerer}
  1032.  
  1033. <div class="replies">
  1034. {Replies}
  1035. </div>
  1036.  
  1037. </div>
  1038. {/block:Answer}
  1039.  
  1040.  
  1041. {block:IfFooter}
  1042. {block:IndexPage}
  1043.  
  1044. <div class="footer">
  1045.  
  1046. <a href="{Permalink}">
  1047. {block:NoteCount}
  1048. {NoteCount}</a> &mdash;
  1049. {/block:NoteCount}
  1050.  
  1051. <a href="{Permalink}">
  1052. {block:Date}
  1053. {TimeAgo}
  1054. {/block:Date}
  1055. </a>
  1056.  
  1057. <div class="via">
  1058.  
  1059. {block:RebloggedFrom}
  1060. <a title="{ReblogParentName}" href="{ReblogParentURL}">
  1061. via</a> .
  1062. {/block:RebloggedFrom}
  1063.  
  1064. {block:ContentSource}
  1065. <a title="{SourceTitle}" href="{SourceURL}">
  1066. src</a>
  1067. {/block:ContentSource}
  1068.  
  1069. </div>
  1070.  
  1071. </div>
  1072.  
  1073. {/block:IndexPage}
  1074. {/block:IfFooter}
  1075.  
  1076.  
  1077.  
  1078. {block:PermalinkPage}
  1079.  
  1080. <div class="details">
  1081. {block:PostNotes}
  1082. {NoteCount}
  1083. &mdash;
  1084. {/block:PostNotes}
  1085.  
  1086. {block:Date}
  1087. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year} &mdash; {12Hour}:{Minutes}{AmPm}
  1088. {/block:Date}
  1089.  
  1090. <div class="via">
  1091. {block:RebloggedFrom}
  1092. <a title="{ReblogParentName}" href="{ReblogParentURL}">
  1093. via</a>
  1094.  
  1095. . <a title="{ReblogRootName}" href="{ReblogRootURL}">
  1096. orig</a>
  1097. {/block:RebloggedFrom}
  1098.  
  1099. {block:ContentSource}
  1100. {block:Reblog} . {/block:Reblog}
  1101. <a title="{SourceTitle}" href="{SourceURL}">
  1102. src</a>
  1103. {/block:ContentSource}
  1104. </div>
  1105.  
  1106. {block:HasTags}<br>
  1107. Tagged: {block:Tags}
  1108. &nbsp;#<a href="{TagURL}">{Tag}</a>
  1109. {/block:Tags}
  1110. {/block:HasTags}
  1111.  
  1112. </div>
  1113.  
  1114.  
  1115. {block:PostNotes}
  1116. <div class="notes">
  1117. {PostNotes}
  1118. </div>
  1119. {/block:PostNotes}
  1120.  
  1121. {/block:PermalinkPage}
  1122.  
  1123. </div>
  1124.  
  1125. {/block:Posts}
  1126. </div>
  1127.  
  1128. </div>
  1129.  
  1130. <img id="sideimage" src="{image:Side Image}" />
  1131.  
  1132.  
  1133.  
  1134. {block:IfStyledTooltips}
  1135. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1136. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1137.  
  1138. <script>
  1139. (function($){
  1140. $(document).ready(function(){
  1141. $("[title]").style_my_tooltips({tip_follows_cursor:true,
  1142. tip_delay_time:500,
  1143. tip_fade_speed:200
  1144. });
  1145. });
  1146. })(jQuery);
  1147. </script>
  1148. {/block:IfStyledTooltips}
  1149.  
  1150.  
  1151.  
  1152.  
  1153. </body>
  1154. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement