Advertisement
imgirlrauhl

Theme #15 "Floral" - themesbyvanne.tumblr.com

Feb 4th, 2014
2,455
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.80 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----------
  5.  
  6. Theme #15 "Floral" by Vanne @ themesbyvanne.tumblr.com ***PLEASE DO NOT REMOVE THE CREDITS, THANKS YOU***
  7.  
  8. For any questions please visit my FAQ page.
  9. Cualquier duda por favor visita mi página de FAQ.
  10.  
  11. ----------->
  12.  
  13. <html>
  14.  
  15. <head>
  16.  
  17. {block:IfCuteCursor}
  18. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-grey-outline-pointer.html" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  19. {/block:IfCuteCursor}
  20.  
  21. {block:ifCrosshairCursor}
  22. <style type="text/css">body { cursor: crosshair; } </style>
  23. {/block:ifCrosshairCursor}
  24.  
  25. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100,400' rel='stylesheet' type='text/css'>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,400,700' rel='stylesheet' type='text/css'>
  28.  
  29. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  30.  
  31. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:Sidebar Image" content="https://24.media.tumblr.com/c0e1f64a79fd05714dbb9585f1cb6ca6/tumblr_mz3trrVCvS1sl631ro3_250.png"/>
  38.  
  39. <meta name="color:Background" content="#fff"/>
  40. <meta name="color:Title" content="#fff"/>
  41. <meta name="color:Title BG" content="#d3a6b4"/>
  42. <meta name="color:Sidebar Border" content="#f7d8e2"/>
  43. <meta name="color:Description" content="#9c9c9c"/>
  44. <meta name="color:Blockquote Text" content="#bbab92"/>
  45. <meta name="color:Scrollbar" content="#e0bdc8"/>
  46. <meta name="color:Entries BG" content="#fff"/>
  47. <meta name="color:Entries Text" content="#959595"/>
  48. <meta name="color:Entries Title" content="#cc7d96"/>
  49. <meta name="color:Entries Border" content="#e4e2d3"/>
  50. <meta name="color:Link" content="#c297a8"/>
  51. <meta name="color:Link Hover" content="#bfb895"/>
  52. <meta name="color:Navigation Links" content="#fff"/>
  53. <meta name="color:Navigation BG" content="#e0d8c3"/>
  54. <meta name="color:Navigation BG Hover" content="#c4bfa8"/>
  55. <meta name="color:Custom Links Link" content="#fff"/>
  56. <meta name="color:Custom Links BG" content="#e6c7d3"/>
  57. <meta name="color:Custom Links BG Hover" content="#eddde2"/>
  58. <meta name="color:Italic Text" content="#c293b3"/>
  59. <meta name="color:Bold Text" content="#b9987c"/>
  60. <meta name="color:Music Border" content="#dcc5cd"/>
  61. <meta name="color:Chat Title" content="#b1aa90"/>
  62. <meta name="color:Chat BG 1" content="#eccad5"/>
  63. <meta name="color:Chat Text 1" content="#fff"/>
  64. <meta name="color:Chat BG 2" content="#d1ceb1"/>
  65. <meta name="color:Chat Text 2" content="#fff"/>
  66. <meta name="color:Ask Border" content="#dabdc9"/>
  67.  
  68. <meta name="if:Infinite Scroll" content=""/>
  69. <meta name="if:Show Captions" content=""/>
  70. <meta name="if:Show Tags" content="1"/>
  71. <meta name="if:Image Fade" content="1"/>
  72. <meta name="if:Black And White Images" content=""/>
  73. <meta name="if:Back To Top" content="1"/>
  74. <meta name="if:Cute Cursor" content=""/>
  75. <meta name="if:Crosshair Cursor" content=""/>
  76.  
  77. <meta name="text:Sidebar Title" content="floral">
  78. <meta name="text:Ask URL" content="/ask">
  79. <meta name="text:Link 1" content="link 1">
  80. <meta name="text:Link 1 URL" content="">
  81. <meta name="text:Link 2" content="link 2">
  82. <meta name="text:Link 2 URL" content="">
  83. <meta name="text:Link 3" content="link 3">
  84. <meta name="text:Link 3 URL" content="">
  85. <meta name="text:Link 4" content="link 4">
  86. <meta name="text:Link 4 URL" content="">
  87. <meta name="text:Link 5" content="link 5">
  88. <meta name="text:Link 5 URL" content="">
  89. <meta name="text:Link 6" content="link 6">
  90. <meta name="text:Link 6 URL" content="">
  91.  
  92. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  93.  
  94. <style>
  95. div#qTip {
  96. margin: -20px 14px;
  97. padding: 5px 8px 5px 8px;
  98. z-index: 99999;
  99. display: none;
  100. text-align: center;
  101. position: absolute;
  102. font-size: 9px;
  103. font-family: Roboto Condensed;
  104. color: {color:Custom Links Link};
  105. background: {color:Custom Links BG};
  106. border-radius: 4px;
  107. letter-spacing: 1px;
  108. }
  109. </style>
  110.  
  111. <style type="text/css">
  112.  
  113. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  114.  
  115. /* fontawesome */
  116. [class*="fontawesome-"]:before {
  117. font-family: 'FontAwesome', sans-serif;
  118. }
  119.  
  120. iframe#tumblr_controls {
  121. right: 3px !important;
  122. position: fixed !important;
  123. opacity: 0.2;
  124. white-space: nowrap;
  125. -webkit-filter: invert(100%);
  126. -moz-filter: invert(100%);
  127. -o-filter: invert(100%);
  128. -ms-filter: invert(100%);
  129. filter: invert(100%);
  130. -webkit-transition: opacity 0.7s linear;
  131. -webkit-transition: all 0.5s ease-in-out;
  132. -moz-transition: all 0.5s ease-in-out;
  133. -o-transition: all 0.5s ease-in-out;
  134. transition: all 0.5s ease-in-out;
  135. }
  136.  
  137. iframe#tumblr_controls:hover {
  138. opacity: 0.7;
  139. }
  140.  
  141. body {
  142. background: {color:Background} url('{image:Background}');
  143. background-attachment: fixed;
  144. font-family: Roboto Condensed;
  145. }
  146.  
  147. ::selection {
  148. color: #fff;
  149. background: {color:Scrollbar};
  150. }
  151.  
  152. ::-webkit-scrollbar-thumb:vertical {
  153. background-color: {color:Scrollbar};
  154. height: auto;
  155. }
  156.  
  157. ::-webkit-scrollbar-thumb:horizontal {
  158. background-color: {color:Scrollbar};
  159. height: auto;
  160. }
  161.  
  162. ::-webkit-scrollbar {
  163. height: 5px;
  164. width: 5px;
  165. }
  166.  
  167. blockquote {
  168. margin-left: 0px;
  169. margin-right: 0px;
  170. padding-left: 5px;
  171. font-size: 10px;
  172. font-style: italic;
  173. border-left: 3px solid;
  174. color: {color:Blockquote Text};
  175. }
  176.  
  177. a {
  178. text-decoration: none;
  179. color: {color:Link};
  180. }
  181.  
  182. a:hover {
  183. color: {color:Link Hover};
  184. text-decoration: none;
  185. }
  186.  
  187. b, strong {
  188. color: {color:Bold Text};
  189. font-weight: 700;
  190. }
  191.  
  192. i, em {
  193. color: {color:Italic Text};
  194. font-weight: 400italic;
  195. }
  196.  
  197.  
  198.  
  199.  
  200.  
  201.  
  202.  
  203. /*SIDEBAR*/
  204. #left {
  205. position: fixed;
  206. margin-left:3px;
  207. margin-top: 70px;
  208. width: 300px;
  209. }
  210.  
  211. #sidebar {
  212. position: relative;
  213. margin-left:20px;
  214. margin-top: 60px;
  215. width: 216px;
  216. }
  217.  
  218. #sidebar img {
  219. width: 240px;
  220. margin-bottom: 20px;
  221. border: 10px solid {color:Sidebar Border};
  222. }
  223.  
  224. #title {
  225. z-index: 99999;
  226. position: fixed;
  227. margin-top: 101px;
  228. margin-left: 23px;
  229. font-size: 14px;
  230. text-align: center;
  231. font-family: Josefin Sans;
  232. color: {color:Title};
  233. padding: 7px 0px 7px 0px;
  234. background: {color:Title BG};
  235. text-transform: uppercase;
  236. border-top-left-radius: 14px;
  237. border-top-right-radius: 14px;
  238. width: 260px;
  239. }
  240.  
  241. #description {
  242. position: relative;
  243. margin-top: 20px;
  244. margin-left: 10px;
  245. margin-bottom: 5px;
  246. padding: 10px;
  247. width: 256px;
  248. line-height: 13px;
  249. z-index:9999;
  250. font-size: 12px;
  251. text-align: center;
  252. color: {color:Description};
  253. border-top: 2px dashed {color:Navigation BG};
  254. -webkit-transition: all .7s ease;
  255. -moz-transition: all .7s ease;
  256. -o-transition: all .7s ease;
  257. transition: all .7s ease;
  258. }
  259.  
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  
  266. /*LINKS*/
  267. #navi {
  268. position: fixed;
  269. margin-left: 23px;
  270. margin-top: 389px;
  271. margin-bottom: 10px;
  272. z-index: 99999;
  273. padding: 0px ;
  274. border-bottom-left-radius: 14px;
  275. border-bottom-right-radius: 14px;
  276. width: 260px;
  277. background: {color:Navigation BG};
  278. text-align: center;
  279. overflow: hidden
  280. }
  281.  
  282. #navi a {
  283. z-index: 999;
  284. position: relative;
  285. display: inline-block;
  286. margin: 0px;
  287. text-align: center;
  288. text-transform: uppercase;
  289. font-family: Inconsolata;
  290. letter-spacing: 1px;
  291. font-size: 10px;
  292. width: 47px;
  293. padding: 7px 2px 7px 2px;
  294. color: {color:Navigation Links};
  295. -webkit-transition: all .7s ease;
  296. -moz-transition: all .7s ease;
  297. -o-transition: all .7s ease;
  298. transition: all .7s ease;
  299. }
  300.  
  301. #navi a:hover {
  302. background: {color:Navigation BG Hover};
  303. }
  304.  
  305.  
  306.  
  307.  
  308.  
  309.  
  310. /*CUSTOM LINKS*/
  311. #others {
  312. position: fixed;
  313. margin-top: 50px;
  314. margin-left: 10px;
  315. z-index: 9999;
  316. width: 240px;
  317. }
  318.  
  319. #others a {
  320. z-index: 99999;
  321. margin: 4px;
  322. position: relative;
  323. display: inline-block;
  324. text-align: center;
  325. font-size: 9px;
  326. border-radius: 3px;
  327. text-transform: uppercase;
  328. padding: 5px;
  329. font-family: Inconsolata;
  330. width: 86px;
  331. letter-spacing: 1px;
  332. color: {color:Custom Links Link};
  333. background: {color:Custom Links BG};
  334. -webkit-transition: all .7s ease;
  335. -moz-transition: all .7s ease;
  336. -o-transition: all .7s ease;
  337. transition: all .7s ease;
  338. }
  339.  
  340. #others a:hover {
  341. background: {color:Custom Links BG Hover};
  342. }
  343.  
  344.  
  345.  
  346.  
  347.  
  348.  
  349. /*ENTRIES*/
  350. /*IMPORTANT*/
  351. #all {
  352. position:relative;
  353. top:0px;
  354. width:800px;
  355. margin:0 auto;
  356. padding:5px;
  357. }
  358.  
  359. #container {
  360. margin-top: 20px;
  361. margin-bottom: 20px;
  362. margin-left: 330px;
  363. width: 420px;
  364. }
  365.  
  366. .entry {
  367. float:left;
  368. z-index: 9999;
  369. position: relative;
  370. width: 400px;
  371. margin-left: 22px;
  372. margin-bottom: 17px;
  373. padding: 10px 10px 7px 10px;
  374. text-align: left;
  375. border-radius: 3px;
  376. font-size: 13px;
  377. overflow: hidden;
  378. color: {color:Entries Text};
  379. background: {color:Entries BG};
  380. border: 2px solid {color:Entries Border};
  381. }
  382.  
  383. .entry img {
  384. max-width: 100%;
  385. }
  386.  
  387. #entrytitle {
  388. z-index: 99999;
  389. text-align: center;
  390. text-transform: uppercase;
  391. margin-bottom: -10px;
  392. font-size: 13px;
  393. font-family: Josefin Sans;
  394. color: {color:Entries Title};
  395. }
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. /*PAGINATION*/
  403. #pagination {
  404. z-index: 9999999;
  405. position: fixed;
  406. padding: 2px;
  407. margin-top: 10px;
  408. margin-left: 0px;
  409. width: 258px;
  410. text-align: center;
  411. letter-spacing: 1px;
  412. font-family: Inconsolata;
  413. color: {color:Description Text};
  414. {block:IfInfiniteScroll}
  415. display: none;
  416. {block:IfInfiniteScroll}
  417. {block:IfNotInfiniteScroll}
  418. display: visible;
  419. {/block:IfNotInfiniteScroll}
  420. }
  421.  
  422. #pagination a {
  423. display: inline-block;
  424. opacity: .8;
  425. font-size: 9px;
  426. padding: 5px 6px 3px 6px;
  427. text-transform: uppercase;
  428. margin: 0px 0px 6px 0px;
  429. text-align: center;
  430. letter-spacing: 1px;
  431. font-family: Inconsolata;
  432. -webkit-transition: all .7s ease;
  433. -moz-transition: all .7s ease;
  434. -o-transition: all .7s ease;
  435. transition: all .7s ease;
  436. }
  437.  
  438. #pagination a:hover {
  439. opacity: 1;
  440. }
  441.  
  442.  
  443.  
  444.  
  445.  
  446. /*ASK*/
  447. #asker {
  448. border-bottom: 1px dotted {color:Ask Border};
  449. padding: 5px;
  450. text-transform: uppercase;
  451. margin-bottom: 10px;
  452. width: 90%;
  453. }
  454.  
  455. #ask {
  456. padding: 4px 8px 11px 8px;
  457. }
  458.  
  459. #answer {
  460. padding: 10px 5px 0px 5px;
  461. border: 1px dotted {color:Ask Border};
  462. }
  463.  
  464. #portrait img {
  465. float: right;
  466. border: 5px solid {color:Ask Border};
  467. margin: -35px 7px 5px 0px;
  468. border-radius: 30px;
  469. }
  470.  
  471.  
  472.  
  473.  
  474.  
  475. /*IMAGES*/
  476. {block:IfImageFade}
  477. .photo {
  478. opacity: .7;
  479. -webkit-transition: all 0.5s ease-in-out;
  480. -moz-transition: all 0.5s ease-in-out;
  481. -o-transition: all 0.5s ease-in-out;
  482. -ms-transition: all 0.5s ease-in-out;
  483. transition: all 0.5s ease-in-out;
  484. }
  485.  
  486. .photo:hover {
  487. opacity: 1;
  488. }
  489.  
  490. .entry img {
  491. opacity: .7;
  492. -webkit-transition: all 0.5s ease-in-out;
  493. -moz-transition: all 0.5s ease-in-out;
  494. -o-transition: all 0.5s ease-in-out;
  495. -ms-transition: all 0.5s ease-in-out;
  496. transition: all 0.5s ease-in-out;
  497. }
  498.  
  499. .entry img:hover {
  500. opacity: 1;
  501. }
  502. {/block:IfImageFade}
  503.  
  504. {block:IfBlackAndWhiteImages}
  505. .entry img{
  506. -webkit-transition: opacity 0.8s linear;
  507. opacity: 0.7;
  508. -webkit-filter:grayscale(100%);
  509. -webkit-transition: all 0.5s ease-in-out;
  510. -moz-transition: all 0.5s ease-in-out;
  511. -o-transition: all 0.5s ease-in-out;
  512. -ms-transition: all 0.5s ease-in-out;
  513. transition: all 0.5s ease-in-out;
  514. }
  515.  
  516. .entry img:hover{
  517. -webkit-transition: opacity 0.8s linear;
  518. opacity: 1;
  519. -webkit-filter:none;
  520. -webkit-transition: all 0.5s ease-in-out;
  521. -moz-transition: all 0.5s ease-in-out;
  522. -o-transition: all 0.5s ease-in-out;
  523. -ms-transition: all 0.5s ease-in-out;
  524. transition: all 0.5s ease-in-out;
  525. }
  526. {/block:IfBlackAndWhiteImages}
  527.  
  528.  
  529.  
  530.  
  531.  
  532. /*AUDIO*/
  533.  
  534. /* PLEASE DO NOT STEAL MY AUDIO CODES!! */
  535.  
  536. #audio img {
  537. float: left;
  538. margin-right: 10px;
  539. border: 5px solid {color:Music Border};
  540. border-radius: 2px;
  541. width: 58px;
  542. }
  543.  
  544. #player {
  545. width: 28px;
  546. overflow: hidden;
  547. position: absolute;
  548. opacity: .4;
  549. margin-left: 21px;
  550. margin-top: 21px;
  551. }
  552.  
  553. #player:hover {
  554. opacity: .8;
  555. }
  556.  
  557. /*AUDIO PERMALINK PAGE*/
  558. #audio2 img {
  559. width: 80px;
  560. float: left;
  561. margin-right: 7px;
  562. border: 4px solid {color:Music Border};
  563. }
  564.  
  565.  
  566.  
  567.  
  568.  
  569. /*BACK TO TOP*/
  570. .top {
  571. position: fixed;
  572. z-index: 999;
  573. }
  574.  
  575. .top a {
  576. font-size: 9px;
  577. text-align: center;
  578. font-family: Inconsolata;
  579. text-transform: uppercase;
  580. letter-spacing: 1px;
  581. }
  582.  
  583. .top a:hover {
  584.  
  585. }
  586.  
  587. #scrollToTop:link, #scrollToTop:visited {
  588. z-index: 9999;
  589. display: none;
  590. position: fixed;
  591. bottom: 25px;
  592. right: 25px;
  593. }
  594.  
  595.  
  596.  
  597.  
  598. /*CHAT*/
  599. .chat {
  600. margin: 0;
  601. }
  602.  
  603. .chat .chat1 {
  604. margin-left: 0px;
  605. }
  606.  
  607. .chat .chat1 .chat2 {
  608. background: {color:Chat BG 1};
  609. color: {color:Chat Text 1};
  610. margin-bottom: 2px;
  611. padding: 4px 4px 5px 5px;
  612. }
  613.  
  614. .chat .chat1 .chat2.even {
  615. background: {color:Chat BG 2};
  616. color: {color:Chat Text 2};
  617. }
  618.  
  619. #chattitle {
  620. margin-bottom: 6px;
  621. font-size: 15px;
  622. text-align: center;
  623. text-transform: none;
  624. color: {color:Chat Title};
  625. }
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634. /*PERMALINK AND TAGS FOR TEXT*/
  635. #permalinktxt{
  636. margin-top: 10px;
  637. margin-left: 0px;
  638. width: 385px;
  639. border-top: 1px dotted {color:Entries Border};
  640. padding: 6px;
  641. text-align: center;
  642. font-family: Inconsolata;
  643. letter-spacing: 1px;
  644. position: relative;
  645. text-transform: uppercase;
  646. font-size: 9px;
  647. line-height: 13px;
  648. }
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655. /*CREDITS*/
  656. #credz {
  657. z-index: 99999999;
  658. position: fixed;
  659. bottom: 15px;
  660. left: 15px;
  661. }
  662.  
  663. #credz a {
  664. text-align: center;
  665. font-size: 13px;
  666. border-radius: 5px;
  667. letter-spacing: 1px;
  668. text-shadow:
  669. -1px 0 #fff,
  670. 0 1px #fff,
  671. 1px 0 #fff,
  672. 0 -1px #fff;
  673. -webkit-transition: all .7s ease;
  674. -moz-transition: all .7s ease;
  675. -o-transition: all .7s ease;
  676. transition: all .7s ease;
  677. }
  678.  
  679. #credz a:hover {
  680. }
  681.  
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688. </style>
  689.  
  690. {block:IfBackToTop}
  691. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  692. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  693.  
  694. <div class="top">
  695. <a href="javascript:;" id="scrollToTop">back to<br>top ↑</a>
  696. </div>
  697. {/block:IfBackToTop}
  698.  
  699. {block:IfInfiniteScroll}
  700. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  701. {/block:IfInfiniteScroll}
  702.  
  703.  
  704.  
  705. </head>
  706.  
  707. <body>
  708.  
  709. <div id="all">
  710. <div id="center"></div>
  711. <div id="title">{text:Sidebar Title}</div>
  712.  
  713. <div id="navi">
  714. <a href="/">home</a>
  715. <a href="{text:Ask URL}">ask</a>
  716. <a href="/archive">archive</a>
  717. <a href="http://themesbyvanne.tumblr.com">theme</a>
  718. </div>
  719.  
  720. <div id="left">
  721. <div id="sidebar">
  722. <div id="sidebar img"><img src="{image:Sidebar Image}"/></div>
  723. </div>
  724. <div id="description">{Description}
  725. {block:Pagination}
  726. <div id="pagination">
  727. {block:PreviousPage}<a href="{PreviousPage}">PREVIOUS</a>{/block:PreviousPage}
  728. {block:JumpPagination length="3"}
  729. {block:CurrentPage}<span class="current_page"><span class="highlight1">&nbsp;&nbsp;&nbsp;{PageNumber}&nbsp;&nbsp;&nbsp;</span></span>{/block:CurrentPage}
  730. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  731. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  732. </div>
  733. {/block:Pagination}
  734. <div id="others">
  735. {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:iflink1}
  736. {block:iflink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:iflink2}
  737. {block:iflink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:iflink3}
  738. {block:iflink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:iflink4}
  739. {block:iflink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:iflink5}
  740. {block:iflink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:iflink6}
  741. </div>
  742. </div>
  743. </div>
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752. <div id="container">
  753. {block:Posts}
  754. <div class="entry">
  755.  
  756.  
  757.  
  758.  
  759. {block:Text}
  760. {block:Title}<div id="entrytitle"><font color="{color:Entries Title}"></font> {Title} <font color="{color:Entries Border}"></font></div>{/block:Title}
  761. {Body}
  762. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  763. {/block:Text}
  764.  
  765.  
  766. {block:Photo}
  767. <div class="photo"><img src="{PhotoURL-highres}" width="400px" alt="{PhotoAlt}"></div>
  768. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  769. {/block:Photo}
  770.  
  771.  
  772. {block:Photoset}
  773. {block:IndexPage}
  774. <div class="photo">{Photoset-400}</div>
  775. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  776. {/block:IndexPage}
  777. {block:PermalinkPage}<div class="photo">{Photoset-400}</div>{/block:PermalinkPage}
  778. {/block:Photoset}
  779.  
  780.  
  781. {block:Audio}
  782. {block:IndexPage}
  783. {block:AlbumArt}
  784. <div id="audio"><img src="{AlbumArtURL}" alt=""></div>
  785. {/block:AlbumArt}
  786. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 0px;"></div>
  787. {block:Artist}
  788. <b>Artist:</b> <i>{Artist}</i>
  789. {/block:Artist} <br />
  790. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  791. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  792. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  793. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  794. {/block:IndexPage}
  795. {block:PermalinkPage}
  796. {block:AlbumArt}
  797. <div id="audio2"><img src="{AlbumArtURL}" alt=""></div><p>
  798. {/block:AlbumArt}
  799. <div id="player">{AudioPlayerGrey}</div><div style="margin-top: 5px;"></div>
  800. {block:Artist}
  801. <b>Artist:</b> <i>{Artist}</i>
  802. {/block:Artist} <br />
  803. {block:Album}<b>Album:</b> <i>{Album}</i>{/block:Album}<br />
  804. {block:TrackName}<b>Track:</b> <i>{TrackName}</i>{/block:TrackName}<br />
  805. <b>Plays:</b> <i>{FormattedPlayCount}</i>
  806. {/block:PermalinkPage}
  807. {/block:Audio}
  808.  
  809.  
  810. {block:Video}
  811. {block:IndexPage}
  812. {Video-400}
  813. {/block:IndexPage}
  814. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  815. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  816. {/block:Video}
  817.  
  818.  
  819. {block:Quote}
  820. <div style="color: {color:Blockquote Text}; font-style: italic;">" {Quote} " </div>
  821. <div style="text-align: right; font-size: 10px; font-style: italic; padding-top: 3px;">—{Source}</div>
  822. {/block:Quote}
  823.  
  824.  
  825. {block:Link}
  826. <div id="entrytitle"><a href="{URL}" {Target}>{Name}</a></div>
  827. {Description}
  828. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  829. {/block:Link}
  830.  
  831.  
  832. {block:Chat}
  833. {block:Title}<div id="chattitle">{Title}</div>{/block:Title}
  834. <div class="chat">
  835. <div class="chat1">
  836. {block:Lines}
  837. <div class="chat2 {Alt}">
  838. {block:Label}
  839. {Label}
  840. {/block:Label}
  841. {Line} </div>
  842. {/block:Lines}
  843. </div>
  844. </div>
  845. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  846. {/block:Chat}
  847.  
  848.  
  849. {block:Answer}
  850. <div id="asker">{Asker} <b>sent:</b></div>
  851. <div id="portrait"><img src="{AskerPortraitURL-40}"></div>
  852. <div id="ask"><i>"{Question}"</i></div>
  853. <div id="answer"{Answer}</div>
  854. {/block:Answer}
  855.  
  856.  
  857.  
  858.  
  859.  
  860. <!-- permalink --> {block:IndexPage}
  861.  
  862. <div id="permalinktxt"><a href="{permalink}"><b><span class="fontawesome-time"></span></b> {block:Date}Posted {TimeAgo} {/block:Date} {block:NoteCount} <b><span class="fontawesome-heart-empty"></span></b> {NoteCountWithLabel}{/block:NoteCount}</a> / <a href="{ReblogURL}" target="_blank"><b><span class="fontawesome-refresh"></span></b> REBLOG</a>
  863.  
  864. {block:IfShowTags}{block:HasTags}<br><b><span class="fontawesome-tags"></span></b> Tags: {block:Tags}<a href="{TagURL}"><b><span class="fontawesome-pencil"></span></b> {Tag}</a> {/block:Tags}{block:HasTags}{/block:IfShowTags}
  865. </div>
  866.  
  867. <!-- /permalink --> {/block:IndexPage}
  868.  
  869.  
  870.  
  871.  
  872. <!-- permalink --> {block:PermalinkPage}
  873.  
  874. {block:Caption}{Caption}{/block:Caption}
  875.  
  876. {block:Date}<b><span class="fontawesome-time"></span></b> Posted {12Hour}:{Minutes}{AmPm} {ShortDayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year}{/block:Date}
  877. {block:NoteCount}with <b><span class="fontawesome-heart-empty"></span></b> <i>{NoteCountWithLabel}</i>{/block:NoteCount}
  878.  
  879. {block:RebloggedFrom}<br><b><span class="fontawesome-share-alt"></span></b> via: <a href="{ReblogParentURL}">{ReblogParentName}</a> - <b><span class="fontawesome-random"></span></b> source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  880.  
  881. {block:HasTags}<br><b><span class="fontawesome-tags"></span></b> Tags: {block:Tags}<a href="{TagURL}"><b><span class="fontawesome-pencil"></span></b> {Tag}</a> {/block:Tags}{block:HasTags}
  882.  
  883. {block:PostNotes}{PostNotes}{/block:PostNotes}
  884.  
  885. <!-- /permalink --> {/block:PermalinkPage}
  886.  
  887.  
  888.  
  889. </div>
  890. {/block:Posts}
  891.  
  892. </div>
  893.  
  894. </div>
  895.  
  896. <div id="credz"><a href="http://themesbyvanne.tumblr.com/" title="theme"><span class="fontawesome-key"></span></a></div>
  897.  
  898. </body>
  899.  
  900. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement