API tools faq
paste
Advertisement
imgirlrauhl

Theme #13 "Enchanted" - themesbyvanne.tumblr.com

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