API tools faq
paste
TVD-PS

Theme "We fell in love"

TVD-PS
Nov 13th, 2014
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. @Theme By; TVD-Themes
  5. TVD-THEMES
  6. By;Katia;
  7. +Please do not remove credit.
  8. +Do not steal the code or take parts of the codes and put them in your own theme.
  9. +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
  10.  
  11. -->
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17.  
  18. <meta name="image:Sidebar" content="http://static.tumblr.com/57d82ba7c85f9240247c1f75088484b8/fp8s385/VvWn621rb/tumblr_static_1615zz94j35wowgkggw8wg8oc.png">
  19.  
  20.  
  21. <meta name="color:Background" content="#fff">
  22. <meta name="color:Post" content="#fff">
  23. <meta name="color:Text" content="#aaa">
  24. <meta name="color:Link" content="#fabbbb">
  25. <meta name="color:Link Hover" content="#000">
  26.  
  27. <meta name="color:Sidebar" content="#fff">
  28. <meta name="color:Description" content="#ccc">
  29. <meta name="color:Title" content="#ccc">
  30. <meta name="color:Title Hover" content="#aaa">
  31. <meta name="color:Sidebar Link" content="#000">
  32. <meta name="color:Sidebar Link Hover" content="#ccc">
  33. <meta name="color:Sidebar Link BG" content="#ddd">
  34. <meta name="color:Sidebar Link BG Hover" content="#fff">
  35.  
  36. <meta name="color:Permalink" content="#fabbbb">
  37. <meta name="color:Permalink Hover" content="#ccc">
  38. <meta name="color:Permalink BG" content="#eee">
  39.  
  40. <meta name="color:Scrollbar" content="#ccc">
  41. <meta name="color:Scrollbar BG" content="#fff">
  42.  
  43. <meta name="color:Text Post Title" content="#ccc">
  44. <meta name="color:Link Post" content="#eee">
  45. <meta name="color:Link Post Hover" content="#666">
  46.  
  47. <!--TEXT-->
  48. <meta name="text:Link 1" content="Link 1">
  49. <meta name="text:Link 1 URL" content="/">
  50. <meta name="text:Link 2" content="Link 2">
  51. <meta name="text:Link 2 URL" content="/">
  52. <meta name="text:Link 3" content="Link 3">
  53. <meta name="text:Link 3 URL" content="/">
  54. <meta name="text:Link 4" content="Link 4">
  55. <meta name="text:Link 4 URL" content="/">
  56. <meta name="text:Link 5" content="Link 5">
  57. <meta name="text:Link 5 URL" content="/">
  58.  
  59. <!--OPTIONS (0 means the option is OFF-->
  60. <meta name="if:400 Post" content="0">
  61. <meta name="if:Captions" content="1">
  62. <meta name="if:Infinite Scroll" content="0">
  63.  
  64. <title>{Title}</title>
  65.  
  66. <link rel="shortcut icon" href="{Favicon}" />
  67.  
  68. <style type="text/css">
  69.  
  70. @font-face {
  71. font-family: "arial";
  72. src: url('https://dl.dropboxusercontent.com/u/81174604/arialr.ttf');
  73. }
  74.  
  75. /*SCROLLBAR*/
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background-color:{color:Scrollbar};
  78. height: 30px;
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb:horizontal {
  82. background-color:{color:Scrollbar};
  83. width: 30px;
  84. }
  85.  
  86. ::-webkit-scrollbar {
  87. background-color:{color:Scrollbar BG};
  88. height: 5px;
  89. width: 5px;
  90. }
  91.  
  92. .nav {
  93. display:none!important;
  94. }
  95.  
  96. /*ENTIRE PAGE*/
  97. body {
  98. left: 0px;
  99. background-attachment: fixed;
  100. background-image: url('{image:Background}');
  101. background-color: {color:Background};
  102. color: {color:Text};
  103. font-family: Calibri;
  104. font-size: 11px;
  105. }
  106.  
  107. /*LINKS*/
  108. a:link, a:active, a:visited {
  109. text-decoration: none; /*no underline*/
  110. color: {color:Link};
  111.  
  112. -webkit-transition: all 0.4s ease-in-out; /*for chrome*/
  113. -moz-transition: all 0.4s ease-in-out; /*for firefox*/
  114. -o-transition: all 0.4s ease-in-out; /*for opera*/
  115. }
  116.  
  117. /*LINK HOVER*/
  118. a:hover {
  119. color: {color:Link Hover};
  120. }
  121.  
  122. /*FOLLOW/REBLOG/LIKE/DASH BUTTON*/
  123. iframe#tumblr_controls{
  124. position: fixed;
  125. right: 0px;
  126. top: 0px;
  127. opacity: 0.8;
  128. }
  129.  
  130. /*BOLD*/
  131. b, strong, .strong {
  132. color: {color:Emphasis Text};
  133. }
  134.  
  135. /*ITALICS*/
  136. i, em, .em {
  137. color: {color:Emphasis Text};
  138. }
  139.  
  140. blockquote {
  141. margin-top: 20px;
  142. margin-bottom: 20px;
  143. border-left: 2px solid {color:Text};
  144. padding: 3px 5px;
  145. }
  146.  
  147. /*SIDEBAR*/
  148. #sidecont {
  149. position: fixed;
  150. width: 200px;
  151. padding: 10px;
  152. margin-left: 75px;
  153. margin-top: 50px;
  154. }
  155.  
  156. #sidebar {
  157. width: 200px;
  158. border: 10px solid {color:Sidebar};
  159. background: {color:Sidebar};
  160. }
  161.  
  162. #sidebar img {
  163. width:200px;
  164. }
  165.  
  166. .desc {
  167. margin-top: 5px;
  168. color: {color:Description};
  169. font-family: calibri;
  170. font-size: 11px;
  171. }
  172.  
  173. /*TITLE*/
  174. #title {
  175. width: 200px;
  176. padding: 0px 10px;
  177. text-align: center;
  178. font-family: arial;
  179. font-size: 13px;
  180. margin-bottom: 5px;
  181. }
  182.  
  183. #title a {
  184. color: {color:Title};
  185. }
  186.  
  187. #title a:hover {
  188. color: {color:Title Hover};
  189. }
  190.  
  191. /*NAVIGATION*/
  192. #nav {
  193. width: 200px;
  194. margin-left: 12px;
  195. margin-top: 10px;
  196. }
  197.  
  198. .navi {
  199. display: inline-block; /*keeps it in a row*/
  200. text-align: center;
  201. background-color: {color:Sidebar Link BG};
  202. width: 90px;
  203. line-height: 23px;
  204. margin-bottom: 7px;
  205. margin-right: 8px;
  206. }
  207.  
  208. .navi a {
  209. color: {color:Sidebar Link};
  210. background-color: {color:Sidebar Link BG};
  211. }
  212.  
  213. .navi a:hover {
  214. color: {color:Sidebar Link Hover};
  215. }
  216.  
  217. /*POST CONTAINER*/
  218. #content {
  219. margin-left: 400px;
  220. margin-top: 50px;
  221. margin-bottom: 50px;
  222. {block:if400Post}
  223. width: 420px;
  224. {/block:if400Post}
  225. {block:ifnot400Post}
  226. width: 520px;
  227. {/block:ifnot400Post}
  228. }
  229.  
  230. /*POSTS*/
  231. .posts {
  232. {block:if400Post}
  233. width: 400px;
  234. {/block:if400Post}
  235. {block:ifnot400Post}
  236. width: 500px;
  237. {/block:ifnot400Post}
  238. background: {color:Post};
  239. color: {color:Text};
  240. font-family: Calibri;
  241. font-size: 11px;
  242. margin-bottom: 20px;
  243. padding: 10px;
  244. }
  245.  
  246. /*POST TITLES*/
  247. .posttitle {
  248. font-family: Economica;
  249. font-size: 18px;
  250. color: {color:Text Post Title};
  251. }
  252.  
  253. /*LINK TITLES*/
  254. .posttitle a {
  255. color: {color:Link Post};
  256. }
  257.  
  258. .posttitle a:hover{
  259. color: {color:Link Post Hover};
  260. }
  261.  
  262. /*QUOTE*/
  263. .quote {
  264. font-family: economica;
  265. font-size: 18px;
  266. }
  267.  
  268. /*AUDIO POST*/
  269. /*MUSIC PLAYER*/
  270. .player {
  271. width: 10px;
  272. height: 10px;
  273. overflow: hidden;
  274. padding: 4px 21px 21px 4px;
  275. margin-top: 33px;
  276. margin-left: 33px;
  277. position: absolute;
  278. background-color: #fff;
  279. opacity: 0.8;
  280. z-index: 10;
  281. }
  282.  
  283. /*ALBUM*/
  284. .album {
  285. position: absolute;
  286. width: 100px;
  287. height: 100px;
  288. overflow: hidden;
  289. }
  290.  
  291. .album img {
  292. width: 100px;
  293. height: 100px;
  294. overflow: hidden;
  295. }
  296.  
  297. /*AUDIO INFO*/
  298. .track {
  299. min-height: 90px;
  300. max-height: 100px;
  301. overflow: auto;
  302. margin-left: 100px;
  303. padding: 5px 10px;
  304. color: {color:Text};
  305. text-transform: UPPERCASE;
  306. letter-spacing: 1px;
  307. font-size: 9px;
  308. }
  309.  
  310. /*ANSWER*/
  311. .question {
  312. font-family: economica;
  313. font-size: 18px;
  314. color: {color:Text Post Title};
  315. }
  316.  
  317. /*CAPTION*/
  318. .caption {
  319. line-height: 12px;
  320. text-align: left;
  321. margin-top: -5px;
  322. }
  323.  
  324. /*PERMALINK*/
  325. #perm {
  326. font-family: economica;
  327. font-size: 12px;
  328. padding: 3px 10px;
  329. text-transform: UPPERCASE;
  330. letter-spacing: 1px;
  331. text-align: center;
  332. margin-top: 5px;
  333. color: {color:Permalink};
  334. background-color: {color:Permalink BG};
  335. {block:if400Post}
  336. width: 380px;
  337. {/block:if400Post}
  338. {block:ifnot400Post}
  339. width: 480px;
  340. {/block:ifnot400Post}
  341. }
  342.  
  343. #perm a {
  344. color: {color:Permalink};
  345. }
  346.  
  347. #perm a:hover {
  348. color: {color:Permalink Hover};
  349. }
  350.  
  351. </style>
  352.  
  353. <body>
  354.  
  355. {block:ifInfiniteScroll}
  356.  
  357. {block:IndexPage}
  358. <div class="nav">
  359. {block:Pagination}
  360. {block:PreviousPage}
  361. <a href="{PreviousPage}">previous</a> &middot;
  362. {/block:PreviousPage}
  363. {block:NextPage}
  364. <a href="{NextPage}">next</a>
  365. {/block:NextPage}
  366. {/block:Pagination}
  367. </div>
  368. {/block:IndexPage}
  369.  
  370. {/block:ifInfiniteScroll}
  371.  
  372. <div id="sidecont">
  373. <div id="title"><a href="/">{Title}</a></div>
  374. <div id="sidebar">
  375. <a href="/"><img src="{image:Sidebar}"></a>
  376. {block:Description}
  377. <div class="desc">{Description}</div>
  378. {/block:Description}
  379.  
  380. {block:ifnotInfiniteScroll}
  381. {block:Pagination}
  382. <center>
  383. <br>
  384. {block:PreviousPage}
  385. <a class="jump_page" href="{PreviousPage}">« back</a>&nbsp
  386. {/block:PreviousPage}
  387.  
  388. {block:NextPage}
  389. <a class="jump_page" href="{NextPage}">next »</a>
  390. {/block:NextPage}
  391. </center>
  392. {/block:Pagination}
  393. {/block:ifnotInfiniteScroll}
  394. </div>
  395.  
  396. <div id="nav">
  397. <div class="navi"><a href="/">Home</a></div>
  398. <div class="navi"><a href="/ask">Ask</a></div>
  399. <div class="navi"><a href="http://tvd-themes.tumblr.com">Theme</a></div>
  400. <div class="navi"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  401. <div class="navi"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  402. <div class="navi"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  403. <div class="navi"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  404. <div class="navi"><a href="{text:Link 5 URL}">{text:Link 5}</a></div>
  405. </div>
  406. </div>
  407.  
  408. <div id="content">
  409. {block:Posts}
  410.  
  411. {block:ContentSource}
  412. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  413. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  414. {/block:SourceLogo}
  415. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  416. {/block:ContentSource}
  417.  
  418. <div class="posts">
  419.  
  420. {block:Text}
  421. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  422. {Body}
  423. {/block:Text}
  424.  
  425. {block:Photo}
  426. <center>
  427. {block:if400Post}
  428. <img src="{PhotoURL-400}" width="400px">
  429. {/block:if400Post}
  430. {block:ifnot400Post}
  431. <img src="{PhotoURL-500}" width="500px">
  432. {/block:ifnot400Post}
  433. {block:IndexPage}
  434. {block:ifCaptions}
  435. <div style="margin-bottom: -3px;"></div>
  436. {block:Caption}
  437. <div class="caption">
  438. {Caption}
  439. <div style="margin-bottom: -8px;"></div>
  440. </div>
  441. {/block:Caption}
  442. {/block:ifCaptions}
  443. {block:ifnotCaptions}
  444. <div style="margin-bottom: -3px;"></div>
  445. {/block:ifnotCaptions}
  446. {/block:IndexPage}
  447.  
  448. {block:PermalinkPage}
  449. <div style="margin-bottom: -3px;"></div>
  450. {block:Caption}
  451. <div class="caption">
  452. {Caption}
  453. <div style="margin-bottom: -8px;"></div>
  454. </div>
  455. {/block:Caption}
  456. {/block:PermalinkPage}
  457. </center>
  458. {/block:Photo}
  459.  
  460. {block:Photoset}
  461. {block:if400Post}
  462. {Photoset-400}
  463. {/block:if400Post}
  464. {block:ifnot400Post}
  465. {Photoset-500}
  466. {/block:ifnot400Post}
  467. {block:IndexPage}
  468. {block:ifCaptions}
  469. <div style="margin-bottom: -3px;"></div>
  470. {block:Caption}
  471. <div class="caption">
  472. {Caption}
  473. <div style="margin-bottom: -8px;"></div>
  474. </div>
  475. {/block:Caption}
  476. {/block:ifCaptions}
  477. {block:ifnotCaptions}
  478. <div style="margin-bottom: -3px;"></div>
  479. {/block:ifnotCaptions}
  480. {/block:IndexPage}
  481.  
  482. {block:PermalinkPage}
  483. <div style="margin-bottom: -3px;"></div>
  484. {block:Caption}
  485. <div class="caption">
  486. {Caption}
  487. <div style="margin-bottom: -8px;"></div>
  488. </div>
  489. {/block:Caption}
  490. {/block:PermalinkPage}
  491. {/block:Photoset}
  492.  
  493. {block:Quote}
  494. {Source}:
  495. <div class="quote">{Quote}</div>
  496. {/block:Quote}
  497.  
  498. {block:Link}
  499. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  500. {block:Description}
  501. <div style="margin-top: -8px;"></div>
  502. {Description}
  503. <div style="margin-bottom: -8px;"></div>
  504. {/block:Description}
  505. {/block:Link}
  506.  
  507. {block:Chat}
  508. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  509. {block:Lines}
  510. {block:Label}<b>{Label}</b>{/block:Label}
  511. {Line}<br>
  512. {/block:Lines}
  513. {/block:Chat}
  514.  
  515. {block:Video}
  516. {block:if400Post}
  517. {Video-400}
  518. {/block:if400Post}
  519. {block:ifnot400Post}
  520. {Video-500}
  521. {/block:ifnot400Post}
  522. {block:IndexPage}
  523. {block:ifCaptions}
  524. <div style="margin-bottom: -3px;"></div>
  525. {block:Caption}
  526. <div class="caption">
  527. {Caption}
  528. <div style="margin-bottom: -8px;"></div>
  529. </div>
  530. {/block:Caption}
  531. {/block:ifCaptions}
  532. {block:ifnotCaptions}
  533. <div style="margin-bottom: -4px;"></div>
  534. {/block:ifnotCaptions}
  535. {/block:IndexPage}
  536.  
  537. {block:PermalinkPage}
  538. <div style="margin-bottom: -3px;"></div>
  539. {block:Caption}
  540. <div class="caption">
  541. {Caption}
  542. <div style="margin-bottom: -8px;"></div>
  543. </div>
  544. {/block:Caption}
  545. {/block:PermalinkPage}
  546. {/block:Video}
  547.  
  548. {block:Audio}
  549. <div class="album">
  550. {block:AudioPlayer}
  551. <div class="player">{AudioPlayerWhite}</div>
  552. {/block:AudioPlayer}
  553.  
  554. {block:AlbumArt}
  555. <img src="{AlbumArtURL}">
  556. {/block:AlbumArt}
  557. </div>
  558.  
  559. <div class="track">
  560. {block:TrackName}
  561. Title: {TrackName}<br>
  562. {/block:TrackName}
  563. {block:Artist}
  564. Artist: {Artist}<br>
  565. {/block:Artist}
  566. {block:Album}
  567. Album: {Album}
  568. {/block:Album}
  569. </div>
  570.  
  571. {block:IndexPage}
  572. {block:ifCaptions}
  573. {block:if400Post}
  574. {block:Caption}
  575. <div class="caption"> <div style="margin-top:0px;"></div>
  576. {Caption}
  577. <div style="margin-bottom: -10px;"></div>
  578. </div>
  579. {/block:Caption}
  580. {/block:if400Post}
  581. {block:ifnot400Post}
  582. {block:Caption}
  583. <div class="caption"> <div style="margin-top:0px;"></div>
  584. {Caption}
  585. <div style="margin-bottom: -8px;"></div>
  586. </div>
  587. {/block:Caption}
  588. {/block:ifnot400Post}
  589. {/block:ifCaptions}
  590. {/block:IndexPage}
  591.  
  592. {block:PermalinkPage}
  593. {block:Caption}
  594. <div class="caption"> <div style="margin-top:0px;"></div>
  595. {Caption}
  596. <div style="margin-bottom: -8px;"></div>
  597. </div>
  598. {/block:Caption}
  599. {/block:PermalinkPage}
  600. {/block:Audio}
  601.  
  602. {block:Answer}
  603. <br>
  604. <div style="border-radius:5px; border: 0px double #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  605. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #000000; border-radius: 1px;"/>
  606. <askk>{Asker}</askk>: {Question}<br></div>
  607. <div style="font-family: arial; font-size: 12px;">
  608. {Answer}
  609. </div>
  610. {/block:Answer}
  611.  
  612. {block:IndexPage}<!--only shows up on the front page"-->
  613. <div id="perm">
  614. <a href="{Permalink}">{NoteCount} notes</a>
  615. • <a href="{ReblogURL}">reblog</a>
  616. </div>
  617. {/block:IndexPage}
  618.  
  619. {block:PermalinkPage}
  620. <div style="line-height:25px; text-align:center;">
  621. {block:Date}
  622. posted {24Hour}:{Minutes} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}
  623. {/block:Date}
  624. {block:RebloggedFrom}
  625. <center>
  626. src: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  627. &nbsp;|&nbsp;
  628. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  629. </center>
  630. {/block:RebloggedFrom}
  631.  
  632. {block:HasTags}
  633. {block:Tags}
  634. <a href="{TagURL}">#{Tag}</a>&nbsp&nbsp
  635. {/block:Tags}
  636. {/block:HasTags}
  637. </div>
  638. {/block:PermalinkPage}
  639.  
  640. </div>
  641.  
  642. {block:PermalinkPage}
  643. {block:PostNotes}{PostNotes}{/block:PostNotes}
  644. {/block:PermalinkPage}
  645.  
  646. {/block:Posts}
  647.  
  648. {block:IfInfiniteScroll}
  649. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  650. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  651. {/block:IfInfiniteScroll}
  652.  
  653. </div>
  654.  
  655. </body>
  656.  
  657.  
  658. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!