Advertisement
Narkissa

Humble Tumblr Theme

Jul 15th, 2014
240
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.42 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <!--
  5. Humble Theme by Narkissa Themes
  6. http://www.narkissa-themes.tumblr.com
  7. -->
  8.  
  9. <meta name="if:Infinite Scroll" content="0"/>
  10.  
  11. <meta name="image:Background" content="http://i1219.photobucket.com/albums/dd437/vacaliz/Layouts/Backgrounds/littlebows.png"/>
  12. <meta name="image:Cursor" content="http://i1219.photobucket.com/albums/dd437/vacaliz/Layouts/Cursors/ltinycursor.png"/>
  13.  
  14. <meta name="image:Sidebar Background" content="http://i1219.photobucket.com/albums/dd437/vacaliz/Layouts/Backgrounds/pastelcandyheartstipes_zpsec2adcf1.png"/>
  15. <meta name="color:Title" content="#965959"/>
  16. <meta name="color:Description Background" content="#ffffff"/>
  17. <meta name="color:Description Text" content="#c4c4c4"/>
  18. <meta name="color:Description Link" content="#F8C7C9"/>
  19. <meta name="color:Stickers" content="#D17878"/>
  20.  
  21. <meta name="color:Navbar Background" content="#C7B9C5"/>
  22. <meta name="color:Navbar Link Background" content="#FFDCD8"/>
  23. <meta name="color:Navbar Link Text" content="#ffffff"/>
  24. <meta name="color:Navbar Link Text Hover" content="#FFA4A4"/>
  25. <meta name="text:Link 1 Name" content="link"/>
  26. <meta name="text:Link 1 URL" content=""/>
  27. <meta name="text:Link 2 Name" content="link"/>
  28. <meta name="text:Link 2 URL" content=""/>
  29. <meta name="text:Link 3 Name" content="link"/>
  30. <meta name="text:Link 3 URL" content=""/>
  31. <meta name="text:Link 4 Name" content="link"/>
  32. <meta name="text:Link 4 URL" content=""/>
  33. <meta name="text:Link 5 Name" content="link"/>
  34. <meta name="text:Link 5 URL" content=""/>
  35. <meta name="text:Link 6 Name" content="link"/>
  36. <meta name="text:Link 6 URL" content=""/>
  37.  
  38. <meta name="color:Post Background" content="#EECFC4"/>
  39. <meta name="color:Post Title Background" content="#F3E7D7"/>
  40. <meta name="color:Post Title Text" content="#C7B9C5"/>
  41. <meta name="color:Post Text" content="#aaaaaa"/>
  42. <meta name="color:Post Link Background" content="#F3E7D7"/>
  43. <meta name="color:Post Link Text" content="#808080"/>
  44. <meta name="color:Post Link Background Hover" content="#FFFFCC"/>
  45. <meta name="if:Heart Bullets" content="1"/>
  46. <meta name="color:Post Blockquote Border" content="#FFA4A4"/>
  47. <meta name="color:Post Blockquote Text" content="#808080"/>
  48. <meta name="if:Audio Player White" content="0"/>
  49. <meta name="if:Audio Player Grey" content="1"/>
  50. <meta name="if:Audio Player Black" content="0"/>
  51.  
  52. <meta name="color:Stats Tab Background" content="#F8E6C6"/>
  53. <meta name="color:Stats Tab Link" content="#FFA4A4"/>
  54. <meta name="color:Stats Tab Link Hover" content="#D17878"/>
  55. <meta name="color:Stats Text" content="#aaaaaa"/>
  56. <meta name="color:Stats Link" content="#808080"/>
  57. <meta name="color:Stats Link Hover" content="#FFA4A4"/>
  58.  
  59. <head>
  60. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  61. <title>{Title}</title>
  62. <link rel="shortcut icon" href="{Favicon}">
  63. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  65.  
  66. <style type="text/css">
  67. body {
  68. background: url('{image:Background}') repeat fixed;
  69. font-family: Arial;
  70. }
  71. body, a, a:hover, a:visited, img, img:hover {
  72. cursor: url('{image:Cursor}'), auto;
  73. }
  74.  
  75. #sidebar {
  76. top: 0px;
  77. left: 0px;
  78. position: fixed;
  79. width: 300px;
  80. height: 100%;
  81. background: url('{image:Sidebar Background}') repeat fixed;
  82. }
  83. .title {
  84. margin: 0 auto;
  85. margin-bottom: 10px;
  86. text-align: center;
  87. line-height: 20px;
  88. font-family: 'Indie Flower', cursive;
  89. font-size: 20px;
  90. color: {color:Title};
  91. }
  92. .title:first-letter {
  93. font-size: 25px;
  94. }
  95. .about {
  96. margin: 0 auto;
  97. margin-top: 50px;
  98. width: 200px;
  99. background: {color:Description Background};
  100. padding: 20px;
  101. text-align: justify;
  102. color: {color:Description Text};
  103. }
  104. .about hr {
  105. margin: 5px 0 -10px 0;
  106. border-top: 2px dashed {color:Description Link};
  107. border-bottom: 0;
  108. }
  109. .about a {
  110. text-decoration: none;
  111. color: {color:Description Link};
  112. }
  113. .about a:hover {
  114. text-decoration: underline;
  115. }
  116. .sticker1 {
  117. margin: 45px 0 0 25px;
  118. z-index: 1;
  119. position: absolute;
  120. width: 0;
  121. height: 0;
  122. border-style: solid;
  123. border-width: 30px 30px 0 0;
  124. border-color: {color:Stickers} transparent transparent transparent;
  125. }
  126. .sticker2 {
  127. margin: 45px 0 0 245px;
  128. z-index: 1;
  129. position: absolute;
  130. width: 0;
  131. height: 0;
  132. border-style: solid;
  133. border-width: 0 30px 30px 0;
  134. border-color: transparent {color:Stickers} transparent transparent;
  135. }
  136. .sticker3 {
  137. margin: -25px 0 0 25px;
  138. z-index: 1;
  139. position: absolute;
  140. width: 0;
  141. height: 0;
  142. border-style: solid;
  143. border-width: 30px 0 0 30px;
  144. border-color: transparent transparent transparent {color:Stickers};
  145. }
  146. .sticker4 {
  147. margin: -25px 0 0 245px;
  148. z-index: 1;
  149. position: absolute;
  150. width: 0;
  151. height: 0;
  152. border-style: solid;
  153. border-width: 0 0 30px 30px;
  154. border-color: transparent transparent {color:Stickers} transparent;
  155. }
  156.  
  157. #navbar {
  158. top: 0px;
  159. left: 300px;
  160. position: fixed;
  161. width: 90px;
  162. height: 100%;
  163. padding: 50px 0 0 0;
  164. background: {color:Navbar Background};
  165. border-left: 5px solid {color:Navbar Background};
  166. border-right: 5px solid {color:Navbar Background};
  167. }
  168. #navbar a {
  169. display: block;
  170. margin: 0 0 10px 0;
  171. height: 30px;
  172. padding: 5px;
  173. background: {color:Navbar Link Background};
  174. text-align: center;
  175. font-family: 'Indie Flower', cursive;
  176. text-decoration: none;
  177. text-transform: lowercase;
  178. line-height: 30px;
  179. font-size: 15px;
  180. color: {color:Navbar Link Text};
  181. -webkit-transition: all 0.5s ease-in-out;
  182. -moz-transition: all 0.5s ease-in-out;
  183. -o-transition: all 0.5s ease-in-out;
  184. }
  185. #navbar:hover a {
  186. opacity: .5;
  187. }
  188. #navbar a:hover {
  189. opacity: 1;
  190. color: {color:Navbar Link Text Hover};
  191. }
  192.  
  193. #page {
  194. bottom: 0px;
  195. left: 900px;
  196. position: fixed;
  197. width: 20px;
  198. text-align: center;
  199. }
  200. #page a {
  201. display: block;
  202. line-height: 20px;
  203. text-decoration: none;
  204. font-weight: bold;
  205. font-size: 20px;
  206. color: {color:Post Link Background Hover};
  207. }
  208. #page a:hover {
  209. color: {color:Description Background};
  210. }
  211.  
  212. #main {
  213. top: 0px;
  214. left: 400px;
  215. z-index: -1;
  216. position: fixed;
  217. width: 500px;
  218. height: 100%;
  219. background: {color:Description Background};
  220. border-right: 20px solid {color:Navbar Background};
  221. }
  222. #posts {
  223. top: 0px;
  224. left: 400px;
  225. position: absolute;
  226. width: 500px;
  227. }
  228. .posts {
  229. margin: 0 auto;
  230. margin-top: 25px;
  231. position: relative;
  232. width: 400px;
  233. padding: 10px;
  234. background: {color:Post Background};
  235. color: {color:Post Text};
  236. }
  237. .posts a {
  238. background: {color:Post Link Background};
  239. text-decoration: none;
  240. color: {color:Post Link Text};
  241. -webkit-transition: all 0.3s linear;
  242. -moz-transition: all 0.3s linear;
  243. -o-transition: all 0.3s linear;
  244. }
  245. .posts a:hover {
  246. background: {color:Post Link Background Hover};
  247. }
  248. .posts hr {
  249. margin: 5px 0 -5px 0;
  250. border-top: 2px dashed {color:Post Blockquote Border};
  251. border-bottom: 0;
  252. }
  253.  
  254. h1 {
  255. display: block;
  256. margin: 0 0 0 0;
  257. padding: 5px;
  258. background: {color:Post Title Background};
  259. text-align: center;
  260. line-height: 25px;
  261. font-family: 'Indie Flower', cursive;
  262. font-size: 20px;
  263. color: {color:Post Title Text};
  264. }
  265. h1:first-letter {
  266. font-size: 25px;
  267. }
  268. .titlesticker1 {
  269. margin: -3px 0 0 -3px;
  270. z-index: 1;
  271. position: absolute;
  272. width: 0;
  273. height: 0;
  274. border-style: solid;
  275. border-width: 15px 15px 0 0;
  276. border-color: {color:Stickers} transparent transparent transparent;
  277. }
  278. .titlesticker2 {
  279. margin: -3px 0 0 388px;
  280. z-index: 1;
  281. position: absolute;
  282. width: 0;
  283. height: 0;
  284. border-style: solid;
  285. border-width: 0 15px 15px 0;
  286. border-color: transparent {color:Stickers} transparent transparent;
  287. }
  288. .titlesticker3 {
  289. margin: -10px 0 0 -3px;
  290. z-index: 1;
  291. position: absolute;
  292. width: 0;
  293. height: 0;
  294. border-style: solid;
  295. border-width: 15px 0 0 15px;
  296. border-color: transparent transparent transparent {color:Stickers};
  297. }
  298. .titlesticker4 {
  299. margin: -10px 0 0 388px;
  300. z-index: 1;
  301. position: absolute;
  302. width: 0;
  303. height: 0;
  304. border-style: solid;
  305. border-width: 0 0 15px 15px;
  306. border-color: transparent transparent {color:Stickers} transparent;
  307. }
  308. ul {
  309. {block:IfHeartBullets}
  310. list-style-image: url('http://i1219.photobucket.com/albums/dd437/vacaliz/Layouts/Other/heartbullet_zps565e0158.gif');
  311. {/block:IfHeartBullets}
  312. color: {color:Post Blockquote Text};
  313. }
  314. blockquote {
  315. display: block;
  316. margin: 0 auto;
  317. width: 350px;
  318. padding: 5px;
  319. border: 2px dashed {color:Post Blockquote Border};
  320. font-style: italic;
  321. color: {color:Post Blockquote Text};
  322. }
  323. blockquote img {
  324. margin: 0 auto !important;
  325. width: 300px !important;
  326. }
  327. .posts img {
  328. width: 400px;
  329. opacity: .7;
  330. }
  331. img.photo {
  332. width: 400px;
  333. opacity: .7;
  334. }
  335. .photoset {
  336. opacity: .7;
  337. }
  338. .picsticker1 {
  339. margin: -15px 0 0 -15px;
  340. z-index: 1;
  341. position: absolute;
  342. width: 0;
  343. height: 0;
  344. border-style: solid;
  345. border-width: 30px 30px 0 0;
  346. border-color: {color:Stickers} transparent transparent transparent;
  347. }
  348. .picsticker2 {
  349. margin: -15px 0 0 385px;
  350. z-index: 1;
  351. position: absolute;
  352. width: 0;
  353. height: 0;
  354. border-style: solid;
  355. border-width: 0 30px 30px 0;
  356. border-color: transparent {color:Stickers} transparent transparent;
  357. }
  358. .picsticker3 {
  359. margin: -15px 0 0 -15px;
  360. z-index: 1;
  361. position: absolute;
  362. width: 0;
  363. height: 0;
  364. border-style: solid;
  365. border-width: 30px 0 0 30px;
  366. border-color: transparent transparent transparent {color:Stickers};
  367. }
  368. .picsticker4 {
  369. margin: -15px 0 0 385px;
  370. z-index: 1;
  371. position: absolute;
  372. width: 0;
  373. height: 0;
  374. border-style: solid;
  375. border-width: 0 0 30px 30px;
  376. border-color: transparent transparent {color:Stickers} transparent;
  377. }
  378. .quote {
  379. text-align: justify;
  380. font-family: 'Indie Flower', cursive;
  381. font-style: italic;
  382. font-size: 25px;
  383. color: {color:Stickers};
  384. }
  385. .source {
  386. text-align: right;
  387. }
  388. .chat {
  389. background: {color:Post Title Background};
  390. border-top: 2px dashed {color:Stickers};
  391. border-right: 2px dashed {color:Stickers};
  392. border-left: 2px dashed {color:Stickers};
  393. }
  394. .line {
  395. display: block;
  396. padding: 5px;
  397. border-bottom: 2px dashed {color:Stickers};
  398. }
  399. .label {
  400. font-weight: bold;
  401. }
  402. #user1, #user3, #user5, #user7, #user9, #user11, #user13, #user15, #user17, #user19, #user21, #user23, #user25, #user27, #user29, #user31 {
  403. text-align: left;
  404. }
  405. #user2, #user4, #user6, #user8, #user10, #user12, #user14, #user16, #user18, #user20, #user22, #user24, #user26, #user28, #user30 {
  406. text-align: right;
  407. }
  408. .art {
  409. width: 150px;
  410. height: 150px;
  411. background: {color:Post Title Background};
  412. }
  413. img.albumn {
  414. width: 150px;
  415. }
  416. .player {
  417. top: 10px;
  418. right: 10px;
  419. position: absolute;
  420. width: 240px;
  421. height: 150px;
  422. {block:IfAudioPlayerWhite}
  423. background: #ffffff;
  424. {/block:IfAudioPlayerWhite}
  425. {block:IfAudioPlayerGrey}
  426. background: #e4e4e4;
  427. {/block:IfAudioPlayerGrey}
  428. {block:IfAudioPlayerBlack}
  429. background: #000000;
  430. {/block:IfAudioPlayerBlack}
  431. }
  432. .question {
  433. padding: 5px;
  434. background: {color:Post Title Background};
  435. font-family: 'Indie Flower', cursive;
  436. font-size: 15px;
  437. }
  438. .question a {
  439. background: transparent;
  440. }
  441. .question a:hover {
  442. background: transparent;
  443. text-decoration: underline;
  444. }
  445. .answer {
  446.  
  447. }
  448.  
  449. .stats {
  450. margin: 0 0 0 410px;
  451. position: absolute;
  452. width: 20px;
  453. height: 30px;
  454. padding: 0 10px 0 0;
  455. background: {color:Stats Tab Background};
  456. -moz-border-radius: 0em 4em 4em 0em;
  457. border-radius: 0em 4em 4em 0em;
  458. text-align: center;
  459. line-height: 30px;
  460. color: {color:Stats Tab Background};
  461. -webkit-transition: all 0.3s linear;
  462. -moz-transition: all 0.3s linear;
  463. -o-transition: all 0.s linear;
  464. }
  465. .posts:hover .stats {
  466. width: 80px;
  467. }
  468. .stats a {
  469. text-decoration: none;
  470. font-weight: bold;
  471. font-size: 10px;
  472. color: {color:Stats Tab Link};
  473. opacity: 0;
  474. -webkit-transition: all 0.3s linear;
  475. -moz-transition: all 0.3s linear;
  476. -o-transition: all 0.3s linear;
  477. }
  478. .posts:hover .stats a {
  479. font-size: 20px;
  480. opacity: 1;
  481. }
  482. .stats a:hover {
  483. background: transparent;
  484. color: {color:Stats Tab Link Hover};
  485. }
  486. a.my-like {
  487. color: {color:Stats Tab Link};
  488. -webkit-transition: all 0.3s linear;
  489. -moz-transition: all 0.3s linear;
  490. -o-transition: all 0.3s linear;
  491. }
  492. a.my-liked, .my-like:hover {
  493. color: {color:Stats Tab Link Hover};
  494. }
  495.  
  496. .stats2 {
  497. margin: 10px 0 0 0;
  498. position: absolute;
  499. width: 400px;
  500. padding: 0 0 0 20px;
  501. color: {color:Stats Text};
  502. opacity: 0;
  503. -webkit-transition: all 0.5s ease-in-out;
  504. -moz-transition: all 0.5s ease-in-out;
  505. -o-transition: all 0.5s ease-in-out;
  506. }
  507. .posts:hover .stats2 {
  508. opacity: 1;
  509. }
  510. .stats2 a {
  511. background: transparent;
  512. text-decoration: none;
  513. color: {color:Stats Link};
  514. }
  515. .stats2 a:hover {
  516. background: transparent;
  517. color: {color:Stats Link Hover};
  518. }
  519.  
  520. .perma {
  521. margin: 0 auto;
  522. margin-top: 20px;
  523. width: 400px;
  524. padding: 10px;
  525. background: {color:Post Background};
  526. }
  527.  
  528. ol.notes {
  529. margin: 10px 0 0 0;
  530. padding: 0px;
  531. list-style-position:inside;
  532. list-style-image: url('http://i1219.photobucket.com/albums/dd437/vacaliz/Layouts/Other/heartbullet_zps565e0158.gif');
  533. }
  534. ol.notes li.note {
  535. padding: 3px;
  536. }
  537. ol.notes li.note img.avatar {
  538. display: none;
  539. }
  540. ol.notes li.note span.action {
  541. text-decoration: none;
  542. }
  543. ol.notes li.note span.action a {
  544. background: {color:Post Link Background};
  545. text-decoration: none;
  546. color: {color:Post Link Text};
  547. -webkit-transition: all 0.3s linear;
  548. -moz-transition: all 0.3s linear;
  549. -o-transition: all 0.3s linear;
  550. }
  551. ol.notes li.note span.action a:hover {
  552. background: {color:Post Link Background Hover};
  553. }
  554. ol.notes li.note .answer_content {
  555. font-weight: normal;
  556. }
  557. ol.notes li.note blockquote {
  558. display: block;
  559. margin: 0 auto;
  560. width: 350px;
  561. padding: 5px;
  562. border: 2px dashed {color:Post Blockquote Border};
  563. font-style: italic;
  564. color: {color:Post Blockquote Text};
  565. }
  566. ol.notes li.note blockquote a {
  567. background: {color:Post Link Background};
  568. text-decoration: none;
  569. color: {color:Post Link Text};
  570. -webkit-transition: all 0.3s linear;
  571. -moz-transition: all 0.3s linear;
  572. -o-transition: all 0.3s linear;
  573. }
  574. ol.notes li.note blockquote a:hover {
  575. background: {color:Post Link Background Hover};
  576. }
  577.  
  578. {CustomCSS}
  579. </style>
  580.  
  581. <!-- FONT SCRIPT -->
  582. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  583. <!-- END OF FONT SCRIPT -->
  584.  
  585. <!-- LIKE SCRIPT -->
  586. <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>
  587. <!-- END OF LIKE SCRIPT -->
  588.  
  589. <!-- INFINITE SCROLL SCRIPT -->
  590. {block:IfInfiniteScroll}
  591. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  592. {/block:IfInfiniteScroll}
  593. <!-- END OF INFINITE SCROLL SCRIPT -->
  594.  
  595. </head>
  596.  
  597. <body>
  598. <div id="sidebar">
  599. <div class="sticker1"></div><div class="sticker2"></div>
  600. <div class="about">
  601. <div class="title">{Title}</div>
  602. {block:Description}{Description}{/block:Description}
  603. </div>
  604. <div class="sticker3"></div><div class="sticker4"></div>
  605. </div>
  606.  
  607. <div id="navbar">
  608. <a href="{BlogURL}">home</a>
  609. <a href="{BlogURL}ask">message</a>
  610. {block:IfLink1Name}<a href="{text:link 1 url}">{text:link 1 name}</a>{/block:IfLink1Name}
  611. {block:IfLink2Name}<a href="{text:link 2 url}">{text:link 2 name}</a>{/block:IfLink2Name}
  612. {block:IfLink3Name}<a href="{text:link 3 url}">{text:link 3 name}</a>{/block:IfLink3Name}
  613. {block:IfLink4Name}<a href="{text:link 4 url}">{text:link 4 name}</a>{/block:IfLink4Name}
  614. {block:IfLink5Name}<a href="{text:link 5 url}">{text:link 5 name}</a>{/block:IfLink5Name}
  615. {block:IfLink6Name}<a href="{text:link 6 url}">{text:link 6 name}</a>{/block:IfLink6Name}
  616. <a href="{BlogURL}archive">archive</a>
  617. <a href="http://www.narkissa-themes.tumblr.com">theme</a>
  618. </div>
  619.  
  620. {block:IfNotInfiniteScroll}
  621. {block:Pagination}
  622. <div id="page">
  623. {block:PreviousPage}
  624. <a href="{PreviousPage}">«</a>
  625. {/block:PreviousPage}
  626. {block:NextPage}
  627. <a href="{NextPage}">»</a>
  628. {/block:NextPage}
  629. </div>
  630. {/block:Pagination}
  631. {block:IfNotInfiniteScroll}
  632.  
  633. <div id="main"></div>
  634. <div id="posts">
  635. {block:Posts}
  636. <div class="posts">
  637.  
  638. {block:IndexPage}
  639. <div class="stats">
  640. <a class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">❤</a>.....<a href="{ReblogURL}" title="Reblog">⇌</a>
  641. </div>
  642. {/block:IndexPage}
  643.  
  644. {block:Text}
  645. {block:Title}
  646. <div class="titlesticker1"></div><div class="titlesticker2"></div>
  647. <h1>{Title}</h1>
  648. <div class="titlesticker3"></div><div class="titlesticker4"></div>
  649. {/block:Title}
  650. {Body}
  651. {/block:Text}
  652.  
  653. {block:Photo}
  654. {block:IndexPage}
  655. <div class="picsticker1"></div><div class="picsticker2"></div>
  656. <img class="photo" src="{PhotoURL-HighRes}"/>
  657. <div class="picsticker3"></div><div class="picsticker4"></div>
  658. {/block:IndexPage}
  659. {block:PermalinkPage}
  660. <img class="photo" src="{PhotoURL-HighRes}"/>
  661. {block:Caption}{Caption}{/block:Caption}
  662. {/block:PermalinkPage}
  663. {/block:Photo}
  664.  
  665. {block:Photoset}
  666. {block:IndexPage}
  667. <div class="picsticker1"></div><div class="picsticker2"></div>
  668. <div class="photoset">{Photoset-400}</div>
  669. <div class="picsticker3"></div><div class="picsticker4"></div>
  670. {/block:IndexPage}
  671. {block:PermalinkPage}
  672. <div class="photoset">{Photoset-400}</div>
  673. {block:Caption}{Caption}{/block:Caption}
  674. {/block:PermalinkPage}
  675. {/block:Photoset}
  676.  
  677. {block:Quote}
  678. <div class="quote">{Quote}</div>
  679. <div class="source">{block:Source}~ {Source}{/block:Source}</div>
  680. {/block:Quote}
  681.  
  682. {block:Link}
  683. <div class="titlesticker1"></div><div class="titlesticker2"></div>
  684. <a href="{URL}" {Target}><h1>{Name} →</h1></a>
  685. <div class="titlesticker3"></div><div class="titlesticker4"></div>
  686. {block:Description}{Description}{/block:Description}
  687. {/block:Link}
  688.  
  689. {block:Chat}
  690. {block:Title}
  691. <div class="titlesticker1"></div><div class="titlesticker2"></div>
  692. <h1>{Title}</h1>
  693. <div class="titlesticker3"></div><div class="titlesticker4"></div>
  694. {/block:Title}
  695. <div class="chat">
  696. {block:Lines}
  697. <div class="line" id="user{UserNumber}">
  698. {block:Label}
  699. <span class="label">{Label}</span>
  700. {/block:Label}
  701. {Line}
  702. </div>
  703. {/block:Lines}
  704. </div>
  705. {/block:Chat}
  706.  
  707. {block:Audio}
  708. <div class="art">
  709. {block:AlbumArt}
  710. <img class="albumn" src="{AlbumArtURL}">"
  711. {/block:AlbumArt}
  712. </div>
  713. {block:AudioPlayer}
  714. <div class="player">
  715. {block:IfAudioPlayerWhite}
  716. <center><div style="margin: 60px 0 0 0;">{AudioPlayerWhite}</div></center>
  717. {/block:IfAudioPlayerWhite}
  718. {block:IfAudioPlayerGrey}
  719. <center><div style="margin: 60px 0 0 0;">{AudioPlayerGrey}</div></center>
  720. {/block:IfAudioPlayerGrey}
  721. {block:IfAudioPlayerBlack}
  722. <center><div style="margin: 60px 0 0 0;">{AudioPlayerBlack}</div></center>
  723. {/block:IfAudioPlayerBlack}
  724. </div>
  725. {/block:AudioPlayer}
  726. <div style="margin: 10px 0 0 0;">
  727. <center>{block:TrackName}<strong>{TrackName}</strong>{/block:TrackName} -
  728. {block:Artist}<strong>{Artist}</strong>{/block:Artist}</center>
  729. </div>
  730. <hr>
  731. {block:Caption}{Caption}{/block:Caption}
  732. {/block:Audio}
  733.  
  734. {block:Video}
  735. {block:IndexPage}
  736. <div class="picsticker1"></div><div class="picsticker2"></div>
  737. <center>{Video-400}</center>
  738. <div class="picsticker3"></div><div class="picsticker4"></div>
  739. {/block:IndexPage}
  740. {block:PermalinkPage}
  741. <center>{Video-400}</center>
  742. {block:Caption}{Caption}{/block:Caption}
  743. {/block:PermalinkPage}
  744. {/block:Video}
  745.  
  746. {block:Answer}
  747. <div class="titlesticker1"></div><div class="titlesticker2"></div>
  748. <div class="question">
  749. {Question}
  750. <div style="text-align: right;">❤ {Asker}</div>
  751. </div>
  752. <div class="titlesticker3"></div><div class="titlesticker4"></div>
  753. <div class="answer">
  754. {Answer}
  755. </div>
  756. {/block:Answer}
  757.  
  758. {block:IndexPage}
  759. <div class="stats2">
  760. {block:Date}
  761. <div style="display: inline-block;">
  762. <a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</a>
  763. </div>
  764. {/block:Date}
  765. {block:NoteCount}
  766. <div style="display: inline-block; margin: 0 0 0 20px;">
  767. {NoteCountWithLabel}
  768. </div>
  769. {/block:NoteCount}
  770. {block:RebloggedFrom}
  771. <div style="display: inline-block; margin: 0 0 0 20px;">
  772. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  773. </div>
  774. {/block:RebloggedFrom}
  775. </div>
  776. {/block:IndexPage}
  777. </div>
  778.  
  779. {block:PermalinkPage}
  780. {block:PostNotes}
  781. <div class="perma">
  782. <div class="titlesticker1"></div><div class="titlesticker2"></div>
  783. <h1>Notes</h1>
  784. <div class="titlesticker3"></div><div class="titlesticker4"></div>
  785. {PostNotes}
  786. </div>
  787. {/block:PostNotes}
  788. {/block:PermalinkPage}
  789.  
  790. {/block:Posts}
  791. </div>
  792. </body>
  793. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement