Advertisement
aiha

theme #4 v1.0 pv1

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