API tools faq
paste
Advertisement
benizora

Theme 10: { 蛹 } Sanagi

benizora
Sep 28th, 2012
15,702
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5.  
  6. <!--
  7.  
  8. Theme 10: { 蛹 } Sanagi
  9. by jackie @ benizora.tumblr.com
  10. please keep ALL of the credits
  11. and don’t steal or distribute.
  12.  
  13. -->
  14.  
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23. <meta name="color:background" content="#fff"/>
  24.  
  25. <meta name="color:text" content="#000"/>
  26. <meta name="color:bold" content="#000"/>
  27. <meta name="color:italic" content="#7a7a7a"/>
  28.  
  29. <meta name="color:entry background" content="#fff"/>
  30.  
  31. <meta name="color:title" content="#000"/>
  32. <meta name="color:toplinks" content="#737373"/>
  33. <meta name="color:toplinks hover" content="#fff"/>
  34.  
  35. <meta name="color:sidebar" content="#f3fafd"/>
  36. <meta name="color:content background" content="#f3fafd"/>
  37. <meta name="color:content border" content="#d2eefa"/>
  38. <meta name="color:sidebar 2nd title" content="#000"/>
  39. <meta name="color:sidelinks" content="#eee"/>
  40. <meta name="color:sidelinks text" content="#000"/>
  41. <meta name="color:sidelink text hover" content="#fff"/>
  42. <meta name="color:sidebar title" content="#000"/>
  43. <meta name="color:description text" content="#4d4d4d"/>
  44.  
  45. <meta name="color:permalink" content="#d2eefa"/>
  46. <meta name="color:permalink text" content="#000"/>
  47. <meta name="color:scrollbar" content="#d2eefa"/>
  48. <meta name="color:link" content="#7a7a7a"/>
  49. <meta name="color:link hover" content="#000"/>
  50.  
  51. <meta name="image:sidebar" content="http://static.tumblr.com/e1ydrvt/az6mb3bsd/tumblr_lomywzpykn1qa8ipco1_500_large.jpeg" />
  52. <meta name="image:background" content=""/>
  53. <meta name="image:2nd background" content=""/>
  54. <meta name="image:content bg" content=""/>
  55. <meta name="font:title" content="Dosis"/>
  56. <meta name="font:body" content="Dosis"/>
  57.  
  58. <meta name="text:link 1" content="" />
  59. <meta name="text:link 1 title" content="" />
  60. <meta name="text:link 2" content="" />
  61. <meta name="text:link 2 title" content="" />
  62. <meta name="text:link 3" content="" />
  63. <meta name="text:link 3 title" content="" />
  64. <meta name="text:link 4" content="" />
  65. <meta name="text:link 4 title" content="" />
  66.  
  67. <meta name="text:2nd title" content=""/>
  68.  
  69. <meta name="if:InfiniteScroll" content="1" />
  70. <meta name="if:ShowCaptions" content="1">
  71. <meta name="if:250px" content="0" />
  72. <meta name="if:400px" content="1" />
  73. <meta name="if:500px" content="0" />
  74. <meta name="if:MonochromePosts" content="1" />
  75.  
  76. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  77.  
  78. <style type="text/css">
  79.  
  80. /*-- entries info --*/
  81.  
  82. body {
  83. background-image: url('{image:background}');
  84. background-color: {color:background};
  85. background-attachment: fixed;
  86. background-repeat: {text:Background Repeat};
  87. {/block:IfNoBackgroundImageNoRepeat};
  88. color: {color:text};
  89. font-family: {font:body};
  90. font-size: 12px;
  91. }
  92.  
  93. @font-face {
  94. font-family: "Dosis";
  95. src: url('http://static.tumblr.com/e1ydrvt/0wDm987za/dosis.ttf') format("truetype");
  96. }
  97.  
  98.  
  99. iframe#tumblr_controls {
  100. right:3px !important;
  101. position: fixed !important;
  102. opacity: 0.2;
  103. filter:alpha(opacity=20);
  104. -moz-opacity: 0.2;
  105. -khtml-opacity: 0.2;
  106. -webkit-transition: all 0.9s ease;
  107. -moz-transition: all 0.9s ease;
  108. -o-transition: all 0.9s ease;
  109. }
  110.  
  111. iframe#tumblr_controls:hover {
  112. opacity: 1;
  113. filter:alpha(opacity=100);
  114. -moz-opacity: 1;-khtml-opacity: 1;
  115. -webkit-transition: all 0.9s ease;
  116. -moz-transition: all 0.9s ease;
  117. -o-transition: all 0.9s ease;
  118. }
  119.  
  120.  
  121. /*-- scrollbar --*/
  122.  
  123. ::-webkit-scrollbar-thumb {
  124. background-color: {color:background};
  125. height: 4px;
  126. width: 4px;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. height: 4px;
  131. width: 4px;
  132. background-color: {color:scrollbar};
  133. }
  134.  
  135. /*-- links info --*/
  136.  
  137. a {
  138. color: {color:link};
  139. text-decoration: none;
  140. }
  141.  
  142. a:link, a:active, a:visited {
  143. text-decoration: none;
  144. color: {color:link};
  145. -webkit-transition: all 0.5s linear;
  146. -moz-transition: all 0.5s linear;
  147. -o-transition: all 0.5s linear;
  148. }
  149.  
  150. a:hover {
  151. color:{color:link hover};
  152. text-decoration: none;
  153. -webkit-transition: all 0.5s linear;
  154. -moz-transition: all 0.5s linear;
  155. -o-transition: all 0.5s linear;
  156. }
  157.  
  158. /*-- pagination --*/
  159.  
  160.  
  161. #previous {
  162. font-family: 'Calibri';
  163. font-size: 14px;
  164. width: 20px;
  165. margin-left:15px;
  166. top:125px;
  167. position: fixed;
  168. text-align: center;
  169. z-index:999;
  170. }
  171.  
  172. #next {
  173. font-family: 'Calibri';
  174. font-size: 14px;
  175. margin-left:290px;
  176. top:125px;
  177. width: 20px;
  178. position: fixed;
  179. text-align: center;
  180. z-index:999;
  181. }
  182.  
  183. /*-- toplinks info --*/
  184.  
  185. #navlinks {
  186. width:225px;
  187. background-color:{color:sidebar};
  188. top:25px;
  189. margin-left:15px;
  190. position:fixed;
  191. text-align:center;
  192. text-decoration:bold;
  193. }
  194.  
  195. #navlinks a {
  196. text-transform:uppercase;
  197. padding:2px 8px 2px 8px;
  198. font-family:'Dosis', Calibri sans-serif;
  199. font-size:8px;
  200. text-align:center;
  201. letter-spacing:1px;
  202. color:{color:toplinks};
  203. -webkit-transition: all 0.5s ease-in-out;
  204. -moz-transition: all 0.5s ease-in-out;
  205. -o-transition: all 0.5s ease-in-out;
  206. }
  207.  
  208. #navlinks a:hover{
  209. color:{color:toplinks hover};
  210. -webkit-transition: all 0.5s ease-in-out;
  211. -moz-transition: all 0.5s ease-in-out;
  212. -o-transition: all 0.5s ease-in-out;
  213. }
  214.  
  215.  
  216. /*-- sidebar info --*/
  217.  
  218. #sidebar {
  219. width: 250px;
  220. height:auto;
  221. padding-bottom:20px;
  222. background-color:{color:sidebar};
  223. position: fixed;
  224. text-align:center;
  225. top:0px;
  226. left:45px;
  227. }
  228.  
  229. #sidelinks {
  230. width: 225px;
  231. margin-left:13px;
  232. margin-top:15px;
  233. display:block;
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. -ms-transition: all 0.5s ease-in-out;
  238. transition: all 0.5s ease-in-out;
  239. }
  240.  
  241. #sidelinks a {
  242. display: block;
  243. width: 225px;
  244. height: 15px;
  245. margin-bottom:2px;
  246. margin-right:5px;
  247. font-family: 'Calibri', sans-serif;
  248. background-color:{color:sidelinks};
  249. font-size: 8px;
  250. color: {color:sidelinks text};
  251. text-transform: uppercase;
  252. letter-spacing: 1px;
  253. text-align: center;
  254. line-height: 15px;
  255. }
  256.  
  257. #sidelinks a:hover {
  258. color: {color:sidelink text hover};
  259. -moz-transform: scale(1.1);
  260. -ms-transform: scale(1.1);
  261. -o-transform: scale(1.1);
  262. -webkit-transform: scale(1.1);
  263. transform: scale(1.1);
  264. -webkit-transition: all 0.4s linear;
  265. -moz-transition: all 0.4s linear;
  266. -o-transition: all 0.4s linear;
  267. -ms-transition: all 0.4s linear;
  268. transition: all 0.4s linear;
  269. background-color:{color:sidebar};
  270. }
  271.  
  272.  
  273. #banner {
  274. display:block;
  275. margin-left:0px;
  276. font-family: Georgia, serif;
  277. font-size: 20px;
  278. margin-top:45px;
  279. color: {color:sidebar title};
  280. background-color:{color:background};
  281. text-transform: none;
  282. text-align: center;
  283. padding: 10px 15px 0px 15px;
  284. width: 220px;
  285. }
  286.  
  287. #banner2 {
  288. display:block;
  289. background-color:{color:background};
  290. margin-left:0px;
  291. font-family: Dosis, serif;
  292. font-size: 13px;
  293. letter-spacing:2px;
  294. color: {color:sidebar 2nd title};
  295. text-transform: uppercase;
  296. text-align: center;
  297. padding-bottom: 10px;
  298. width: 220px;
  299. }
  300.  
  301. #sidebar img {
  302. max-width:225px;
  303. margin-top:10px;
  304. }
  305.  
  306. #description {
  307. color: {color:description text};
  308. width: 225px;
  309. letter-spacing:1px;
  310. padding:10px;
  311. margin-left:-10px;
  312.  
  313. text-align:center;
  314. font-family:calibri;
  315. font-size:10px;
  316. }
  317.  
  318. #description b, strong {
  319. color: {color:bold};
  320. }
  321.  
  322. /*-- posts & entries --*/
  323.  
  324. #content {
  325. margin-left: 400px;
  326. top:0px;
  327. {block:PermalinkPage}height:100%;{/block:PermalinkPage}
  328. border-left:5px solid {color:content border};
  329. border-right:5px solid {color:content border};
  330. {block:if500px}width: 540px;{/block:if500px}
  331. {block:if400px}width: 440px;{/block:if400px}
  332. {block:if250px}width: 290px;{/block:if250px}
  333. background-image: url('{image:content bg}');
  334. background-color: {color:content background};
  335. background-attachment: fixed;
  336. background-repeat: {text:Background Repeat};
  337. {/block:IfNoBackgroundImageNoRepeat};
  338. }
  339.  
  340. #entries {
  341. z-index:#999;
  342. {block:if500px}width: 500px;{/block:if500px}
  343. {block:if400px}width: 400px;{/block:if400px}
  344. {block:if250px}width: 250px;{/block:if250px}
  345. background-color: {color:entry background};
  346. font-family: 'Dosis', Calibri, sans-serif;
  347. text-align:justify;
  348. padding: 10px;
  349. margin: -10px 0px 40px 10px;
  350. }
  351.  
  352. #entries b, strong {
  353. color: {color:bold};
  354. }
  355.  
  356. #entries i, em {
  357. color: {color:italic};
  358. }
  359.  
  360. #entries img {
  361. {block:if500px}max-width: 500px;{/block:if500px}
  362. {block:if400px}max-width: 400px;{/block:if400px}
  363. {block:if250px}max-width: 250px;{/block:if250px}
  364. {block:IfMonochromePosts}
  365. -webkit-filter: grayscale(1);
  366. -webkit-transition: all 0.5s ease-in-out;
  367. -moz-transition: all 0.5s ease-in-out;
  368. -o-transition: all 0.5s ease-in-out;
  369. -ms-transition: all 0.5s ease-in-out;
  370. transition: all 0.5s ease-in-out;
  371. {/block:IfMonochromePosts}
  372. }
  373.  
  374. {block:IfMonochromePosts}
  375. #entries img:hover{
  376. filter: none;
  377. -webkit-filter: grayscale(0);
  378. }
  379. {/block:IfMonochromePosts}
  380.  
  381. #photo{
  382. {block:if250px}max-width: 250px;{/block:if250px}
  383. {block:if400px}max-width: 400px;{/block:if400px}
  384. {block:if500px}max-width: 500px;{/block:if500px}
  385. {block:IfMonochromePosts}
  386. -webkit-filter: grayscale(1);
  387. -webkit-transition: all 0.5s ease-in-out;
  388. -moz-transition: all 0.5s ease-in-out;
  389. -o-transition: all 0.5s ease-in-out;
  390. -ms-transition: all 0.5s ease-in-out;
  391. transition: all 0.5s ease-in-out;
  392. {/block:IfMonochromePosts}
  393. }
  394.  
  395. {block:IfMonochromePosts}
  396. #photo:hover{
  397. filter: none;
  398. -webkit-filter: grayscale(0);
  399. }
  400. {/block:IfMonochromePosts}
  401.  
  402.  
  403. /*-- blockquote info --*/
  404.  
  405.  
  406. #entries blockquote {
  407. border-left:4px solid {color:link};
  408. padding-left: 5px;
  409. padding-right: 3px;
  410. margin-left: 25px;
  411. }
  412.  
  413. #entries pre {
  414. overflow:auto;
  415. font-size:10px;
  416. }
  417.  
  418. #entries blockquote img{
  419. {block:if250px}max-width: 175px;{/block:if250px}
  420. {block:if400px}max-width: 325px;{/block:if400px}
  421. {block:if500px}max-width: 425px;{/block:if500px}
  422. margin-left: 5px;
  423. }
  424.  
  425.  
  426.  
  427. /*-- quote info --*/
  428.  
  429. #quotes{
  430. padding: 10px 10px 20px 10px;
  431. font-family: "Dosis", Calibri, sans-serif;
  432. letter-spacing: 1px;
  433. line-height: 100%;
  434. text-transform:uppercase;
  435. font-size:20px;
  436. color: {color:bold};
  437. text-align: center;
  438. }
  439.  
  440. #sources {
  441. font-family:'Dosis', Calibri, sans-serif;
  442. font-size:9pt;
  443. text-align: right;
  444. margin-top: -5px;
  445. padding-top:10px;
  446. padding-bottom:5px;
  447. }
  448.  
  449. /*-- permalink info --*/
  450.  
  451. #permalink a {
  452. color: {color:link};
  453. }
  454.  
  455. #permalink a:hover {
  456. color:{color:link hover};
  457. }
  458.  
  459.  
  460. #permalink {
  461. z-index:99999;
  462. {block:if250px}width: 260px;{/block:if250px}
  463. {block:if400px}width: 410px;{/block:if400px}
  464. {block:if500px}width: 510px;{/block:if500px}
  465. margin-top:10px;
  466. margin-left:-10px;
  467. position:absolute;
  468. color:{color:permalink text};
  469. font-family: "Calibri", sans-serif;
  470. text-align:center;
  471. letter-spacing:1px;
  472. line-height:14px;
  473. padding:5px;
  474. background-color:{color:permalink};
  475. font-size:8px;
  476. text-transform:uppercase;
  477. opacity:0;
  478. -webkit-transition: all 0.5s ease-in-out;
  479. -moz-transition: all 0.5s ease-in-out;
  480. -o-transition: all 0.5s ease-in-out;
  481. -ms-transition: all 0.5s ease-in-out;
  482. transition: all 0.5s ease-in-out;
  483. }
  484.  
  485. #entries:hover #permalink {
  486. opacity: 1.1;
  487. margin-top:0px;
  488. -webkit-transition: all 0.5s ease-in-out;
  489. -moz-transition: all 0.5s ease-in-out;
  490. -o-transition: all 0.5s ease-in-out;
  491. -ms-transition: all 0.5s ease-in-out;
  492. transition: all 0.5s ease-in-out;
  493. }
  494.  
  495. .permalink {
  496. font-family: 'Dosis', Calibri, sans-serif;
  497. font-size:9px;
  498. letter-spacing:1px;
  499. color: {color:text};
  500. text-transform:uppercase;
  501. }
  502.  
  503.  
  504. /*-- entry title info --*/
  505.  
  506. #title {
  507. padding-bottom: 3px;
  508. font-size: 22px;
  509. text-align: center;
  510. font-family: "Dosis", Calibri, sans-serif;
  511. line-height: 100%;
  512. letter-spacing: 2px;
  513. color: {color:title};
  514. text-transform:uppercase;
  515. }
  516.  
  517. /*-- asks info --*/
  518.  
  519.  
  520. #asks {
  521. position: relative;
  522. background-color: {color:entry background};
  523. padding: 10px 0px 20px 0px;
  524. {block:If250px}width: 100px;{/block:If250px}
  525. {block:If500px}width: 350px;{/block:If500px}
  526. {block:If400px}width: 250px;{/block:If400px}
  527. display: block;
  528. }
  529.  
  530. #asks img {
  531. width: 45px;
  532. height: 45px;
  533. border: 5px solid {color:sidelinks};
  534. margin: -5px 0px -5px 5px;
  535. {block:IfMonochromePosts}
  536. -webkit-filter: grayscale(1);
  537. -webkit-transition: all 0.5s ease-in-out;
  538. -moz-transition: all 0.5s ease-in-out;
  539. -o-transition: all 0.5s ease-in-out;
  540. -ms-transition: all 0.5s ease-in-out;
  541. transition: all 0.5s ease-in-out;
  542. {block:IfMonochromePosts}
  543. }
  544.  
  545. #asks img:hover{
  546. {block:IfMonochromePosts}
  547. filter: none;
  548. -webkit-filter: grayscale(0);
  549. {block:IfMonochromePosts}
  550. }
  551.  
  552. #asks a {
  553. font-size: 11px;
  554. padding-left:-10px;
  555. color: {color:link};
  556. font-family: 'Dosis', Calibri, serif;
  557. text-align: center;
  558. letter-spacing:1px;
  559. text-transform: uppercase;
  560. }
  561.  
  562. #asks a:hover {
  563. color: {color:link hover};
  564. }
  565.  
  566. #askcontainer {
  567. {block:If250px}width: 175px;{/block:If250px}
  568. {block:If500px}width: 425px;{/block:If500px}
  569. {block:If400px}width: 325px;{/block:If400px}
  570. border-bottom:2px solid {color:bold};
  571. margin-left:70px;
  572. margin-top:-5px;
  573. padding-bottom:10px;
  574. text-align: left;
  575. font-size: 10px;
  576. line-height:130%;
  577. color: {color:text};
  578. font-family: 'Dosis', Calibri, sans-serif;
  579. display:block;
  580. }
  581.  
  582.  
  583. /*-- chatbox info --*/
  584.  
  585. .user_1 .label {
  586. color:{color:link};
  587. font-weight:regular;
  588. }
  589.  
  590. .user_2 .label {
  591. color:{color:bold};
  592. font-weight:regular;
  593. }
  594.  
  595. ul.chat, .chat ol, .chat li {
  596. list-style:none;
  597. margin:0px;
  598. padding:0px;
  599. }
  600.  
  601. /*-- notes info --*/
  602.  
  603. ol.notes {
  604. padding: 0px;
  605. margin: 15px;
  606. font-family:'Dosis', Calibri, sans-serif;
  607. list-style-type: none;
  608. background-color: {color:entry background};
  609. border: 0px;
  610. height:200px;
  611. overflow-y:scroll;
  612. letter-spacing: 0px;
  613. text-transform: lowercase;
  614. }
  615.  
  616. ol.notes li.note {
  617. padding: 1px;
  618. font-family:'Dosis', Calibri, sans-serif;
  619. text-align: center;
  620. font-size:9px;
  621. letter-spacing: 0px;
  622. text-transform: lowercase;
  623. }
  624.  
  625. .notes img{
  626. display:none;
  627. }
  628.  
  629. .music {
  630. background-color: {color: entry background};
  631. display:block;
  632. }
  633.  
  634. /*-- MUSIC POSTS --*/
  635.  
  636. .pressplay {
  637. width:25px;
  638. height:30px;
  639. overflow:hidden;
  640. position:relative;
  641. z-index:1000;
  642. margin:25px 40px 30px 25px;
  643. }
  644.  
  645. .shadow {
  646. background-color:{color:entry background};
  647. position: absolute;
  648. width:75px;
  649. height:75px;
  650. z-index:1000;
  651. opacity:.5;
  652. -webkit-transition: all 0.7s ease;
  653. -moz-transition: all 0.7s ease;
  654. -o-transition: all 0.7s ease;
  655. }
  656.  
  657. .shadow:hover {
  658. opacity:1;
  659. {block:IfMonochromePosts}
  660. filter: none;
  661. -webkit-filter: grayscale(0);
  662. {/block:IfMonochromePosts}
  663. }
  664.  
  665. #mcont {
  666. {block:If250px}width:250px;{/block:If250px}
  667. {block:If400px}width:400px;{/block:If400px}
  668. {block:If500px}width:500px;{/block:If500px}
  669. height:110px;
  670. }
  671.  
  672. .art {
  673. display:none;
  674. }
  675.  
  676. .defaultart {
  677. width:75px;
  678. height:75px;
  679. position:absolute;
  680. }
  681.  
  682. .defaultart img {
  683. width:75px;
  684. height:75px;
  685. float:left;
  686. {block:IfMonochromePosts}
  687. -webkit-filter: grayscale(1);
  688. -webkit-transition: all 0.5s ease-in-out;
  689. -moz-transition: all 0.5s ease-in-out;
  690. -o-transition: all 0.5s ease-in-out;
  691. -ms-transition: all 0.5s ease-in-out;
  692. transition: all 0.5s ease-in-out;
  693. {/block:IfMonochromePosts}
  694. }
  695.  
  696. .music {
  697. padding:3px;
  698. {block:If250px}width:160px;{/block:If250px}
  699. {block:If400px}width:310px;{/block:If400px}
  700. {block:If500px}width:410px;{/block:If500px}
  701. margin:-12px 0 20px 77px;
  702. font-family:'Dosis', Calibri, sans-serif;
  703. text-transform:uppercase;
  704. border-right:5px solid {color:sidelinks};
  705. text-align:left;
  706. font-size:10px;
  707. background-color:{color:sidebar};
  708. -webkit-transition-duration: 0.6s;
  709. -moz-transition-duration: 0.6s;
  710. }
  711.  
  712.  
  713. {CustomCSS}
  714.  
  715. </style>
  716.  
  717. {block:IfInfiniteScroll}
  718. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  719. {/block:IfInfiniteScroll}
  720.  
  721.  
  722. </head>
  723.  
  724. <body>
  725.  
  726.  
  727. <div id="sidebar">
  728.  
  729. <div id="navlinks">
  730. <a href="/">home</a>
  731. <a href="/ask">ask</a>
  732. <a href="/archive">archive</a>
  733. <a href="http://benizora.tumblr.com">theme</a></div>
  734.  
  735. <div id="banner">{title}<div id="banner2">{text:2nd title}</div></div>
  736.  
  737. <img src="{image:sidebar}">
  738.  
  739. <div id="sidelinks">
  740. {block:IfLink1}<a href="{text:link 1}">{text:link 1 title}</a>{/block:IfLink1}
  741. {block:IfLink2}<a href="{text:link 2}">{text:link 2 title}</a>{/block:IfLink2}
  742. {block:IfLink3}<a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3}
  743. {block:IfLink4}<a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4}
  744.  
  745. <div id="description">
  746.  
  747. {block:Description}{Description}{/block:Description}</div></div></div>
  748.  
  749. {block:IfNotInfiniteScroll}<div id="previous">
  750. {block:Pagination}
  751. {block:PreviousPage}
  752. <a href="{PreviousPage}">«</a>
  753. {/block:PreviousPage}
  754. {/block:Pagination}
  755. </div>
  756. <div id="next"> {block:Pagination}
  757. {block:NextPage}
  758. <a href="{NextPage}">»</a>
  759. {/block:NextPage}
  760. {/block:Pagination}
  761. </div>{/block:IfNotInfiniteScroll}
  762.  
  763. </div>
  764.  
  765.  
  766. <div id="content">
  767.  
  768. <div class="autopagerize_page_element">
  769.  
  770. {block:Posts}
  771.  
  772. <div id="entries">
  773.  
  774. {block:Text}
  775.  
  776.  
  777. {block:Title}<div id="title">{Title}</div>{/block:Title}
  778. {Body}
  779.  
  780.  
  781. {/block:Text}
  782.  
  783.  
  784. {block:Photo}
  785.  
  786. {LinkOpenTag}
  787.  
  788. <div id="photo">
  789.  
  790. {block:If250px}<img src="{PhotoURL-250}" class="center">{/block:If250px}
  791.  
  792. {block:If400px}<img src="{PhotoURL-400}" class="center">{/block:If400px}
  793.  
  794. {block:If500px}<img src="{PhotoURL-500}" class="center">{/block:If500px}
  795.  
  796.  
  797. </div>
  798.  
  799. {LinkCloseTag}
  800.  
  801. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  802.  
  803. {/block:Photo}
  804.  
  805. {block:Photoset}
  806.  
  807. {LinkOpenTag}
  808.  
  809. <div id="photo">
  810.  
  811. {block:If250px}{PhotoSet-250}{/block:If250px}
  812.  
  813. {block:If400px}{PhotoSet-400}{/block:If400px}
  814.  
  815. {block:If500px}{PhotoSet-500}{/block:If500px}
  816.  
  817. </div>
  818.  
  819.  
  820. {LinkCloseTag}
  821.  
  822. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  823.  
  824. {block:IfNotShowCaptions}
  825.  
  826. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  827.  
  828.  
  829. {/block:Photoset}
  830.  
  831.  
  832.  
  833. {block:Quote}
  834.  
  835. <div id="quotes">{Quote}</div>{block:Source}<div id="sources"> {Source}</div>{/block:Source}
  836.  
  837. {/block:Quote}
  838.  
  839.  
  840.  
  841. {block:Link}
  842.  
  843. <div id="title">
  844. <a href="{URL}" {Target}>{Name}</a>
  845. </div>
  846. {block:Description}{Description}{/block:Description}
  847.  
  848. {/block:Link}
  849.  
  850.  
  851.  
  852. {block:Chat}
  853.  
  854.  
  855. {block:Title}<div id="title">{Title}</div>{/block:Title}
  856.  
  857. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>
  858.  
  859. {/block:Chat}
  860.  
  861.  
  862.  
  863. {block:Audio}
  864.  
  865. <div id="entries audio">
  866.  
  867. <div id="mcont">
  868. <div class="shadow">
  869. <div class="pressplay">
  870. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  871. </div></div>
  872. <div class="defaultart"><img src="http://static.tumblr.com/e1ydrvt/yutma3ebm/default.png"></div>
  873. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br>
  874. {block:Artist}<div class="music"><b>ARTIST:</b> {Artist}</div>{/block:Artist}
  875. {block:TrackName}<div class="music"><b>TRACK:</b> {TrackName}</div>{/block:TrackName}
  876. {block:Album}<div class="music"><b>ALBUM:</b> {Album}</div>{/block:Album}
  877.  
  878. </div>
  879.  
  880. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}</div>
  881.  
  882.  
  883. {/block:Audio}
  884.  
  885.  
  886. {block:Video}
  887.  
  888. {block:If250px}{Video-250}{/block:If250px}{block:If400px}{Video-400}{/block:If400px}{block:If500px}{Video-500}{/block:If500px}
  889.  
  890. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  891. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  892.  
  893. {/block:Video}
  894.  
  895.  
  896.  
  897. {block:Answer}
  898.  
  899. <div id="asks"><img src="{AskerPortraitURL-40}" align="left"><div id="askcontainer">{Asker} <i>whispered:</i> <br>{Question}</div></div>{Answer}
  900.  
  901. {/block:Answer}
  902.  
  903. {block:IndexPage}
  904.  
  905. {block:Date}<div id="permalink">posted:<a href="{Permalink}"> {Timeago} with {NoteCountWithLabel}</a> ✖ <a href="{ReblogURL}">reblog</a></div>{/block:Date}
  906.  
  907. {/block:IndexPage}
  908.  
  909. {block:PermalinkPage}
  910.  
  911. <div class="permalink">
  912.  
  913. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  914.  
  915. {block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom} {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</center>
  916. {block:PostNotes}{PostNotes}{/block:PostNotes}
  917. </div>
  918. {/block:PermalinkPage}
  919.  
  920.  
  921. </div>
  922.  
  923.  
  924.  
  925. {/block:Posts}
  926.  
  927. </div>
  928.  
  929. <img src="{image:2nd background}" style="position:fixed; max-height: 450px; right:15px; bottom:0px; z-index:-9;">
  930.  
  931. </div>
  932.  
  933. </body>
  934.  
  935. </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!