API tools faq
paste
TVD-PS

THEME "Simplicity"

TVD-PS
Mar 28th, 2015
625
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. ------------------------------
  5. @TVD THEMES | TUMBLR
  6. ------------------------------
  7.  
  8. "+ Simplicity"
  9. @Theme By; Tvd-Themes
  10. TVD THEMES
  11. By;Katia;
  12. +Please do not remove credit.
  13. +Do not steal the code or take parts of the codes and put them in your own theme.
  14. +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
  15.  
  16.  
  17. -->
  18.  
  19.  
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28.  
  29. <html lang="en">
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37. <meta name="color:bold"content="#f3ccc5">
  38. <meta name="color:italic"content="#661833">
  39. <meta name="color:text"content="#cccccc">
  40. <meta name="color:link"content="#ffc7c7">
  41. <meta name="color:post"content="#ffffff">
  42. <meta name="color:hover"content="#444444">
  43. <meta name="color:scrollbar" content="#888888" />
  44. <meta name="color:background"content="#fff">
  45. <meta name="color:Title" content="#cccccc"/>
  46. <meta name="color:sidebar" content="#f8f5ed" />
  47. <meta name="color:Border Image"content="#ffffff"/>
  48. <meta name="color:BG links"content="#eeeeee"/>
  49.  
  50.  
  51.  
  52. <meta name="image:sidebar"content="">
  53. <meta name="image:bg"content"">
  54.  
  55.  
  56.  
  57.  
  58. <meta name="text:link1"content="Link1">
  59. <meta name="text:link2"content="Link2">
  60. <meta name="text:link3"content="Link3">
  61. <meta name="text:link1 url"content="/">
  62. <meta name="text:link2 url"content="/">
  63. <meta name="text:link3 url"content="/">
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68.  
  69.  
  70. /*--Scrollbar--*/
  71. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  72. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  73. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  74.  
  75.  
  76.  
  77.  
  78. img:hover {
  79. -webkit-filter: grayscale(0%);
  80. z-index: -9999999999999999999999999px;
  81. -webkit-transition: all 0.9s ease-in-out;
  82. -moz-transition: all 0.9s ease-in-out;
  83. -o-transition: all 0.9s ease-in-out;
  84. -ms-transition: all 0.9s ease-in-out;
  85. transition: all 0.9s ease-in-out;
  86. }
  87.  
  88.  
  89. body{
  90. color:{color:text};
  91. font-family:Helvetica;
  92. font-size:11px;
  93. background:{color:background} url('{image:bg}')top left fixed repeat;
  94.  
  95. }
  96.  
  97.  
  98.  
  99. h1 {
  100. font-family:arial;
  101. font-size:15px;text-align:;
  102. font-style:normal;
  103. line-height:80%;
  104. letter-spacing:1px;
  105. border:0px solid {color:border};
  106. background-color:{color:000000};
  107. padding:6px;
  108. font-weight:arial;
  109.  
  110.  
  111. }
  112.  
  113.  
  114. h2 {
  115. font-family:arial;
  116. font-size:19px;
  117. text-align:left;
  118. font-style:normal;
  119. line-height:80%;
  120. border:0px
  121. solid {color:border};
  122. letter-spacing:1px;
  123. background-color:{color:000000};
  124. padding:6px;
  125. font-weight:arial;
  126.  
  127. }
  128.  
  129.  
  130. blockquote {
  131. width: 400px;
  132. font-size:11px;
  133. text-transform: normal;
  134. line-height:10px;
  135. margin-left:0px;
  136. padding: 4px;
  137. padding-left:9px;
  138. border-left: 2px solid #848484;
  139. color: {color:text};
  140. }
  141.  
  142.  
  143. b { font-weight:bold;
  144. color:{color:bold}; }
  145. i { font-weight:arial;
  146. color:{color:italic}; }
  147. u {text-decoration:none;
  148. border-bottom:0px solid {color:text}; }
  149.  
  150. a { color:{color:link};
  151. font-family:arial;
  152. text-decoration:none;-moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;}
  155. a:hover {color:{color:hover};}
  156.  
  157. #entries{
  158. width:500px;
  159. margin-left:380px;
  160. position:absolute;
  161. }
  162.  
  163. #post{
  164. padding:19px;
  165. background-color:{color:post};
  166. border:0px solid {color:border post};
  167. width:500px;
  168. float:left;
  169. margin:8px;
  170.  
  171.  
  172.  
  173.  
  174. }
  175.  
  176.  
  177. #pagi{
  178. width:100px;
  179. font-size:9px;
  180. text-align:center;
  181. margin-left:95px;
  182. margin-top:505px;
  183. position:fixed;
  184. font-family:cambria;
  185. letter-spacing:0px;
  186. border:1px;
  187. }
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. /* --- SIDEBAR ---*/
  196.  
  197. #sidebar {
  198. margin-top:-40px;
  199. margin-left:-100px;
  200. position:fixed;
  201. width:400px;
  202. height:500px;
  203. border:0px solid {color:border sidebar};
  204. height:1000%;
  205. text-shadow: 0px 0px 0px {color:links};
  206. background-image:url('{image:sidebar image}');
  207. background-color:{color:sidebar};
  208.  
  209.  
  210. }
  211.  
  212.  
  213.  
  214.  
  215. #sidebar img {
  216. margin-top:200px;
  217. margin-left:90px;
  218. border: 8px
  219. solid {color:Border Image};
  220. width:180px;
  221. height:240px;
  222. padding:0px;
  223.  
  224.  
  225.  
  226.  
  227.  
  228.  
  229. }
  230.  
  231. #sidebar img:hover {
  232. opacity:0.7;
  233. -moz-transition-duration:0.6s;
  234. -webkit-transition-duration:0.6s;
  235. -o-transition-duration:0.6s;
  236. }
  237.  
  238. #title {
  239. z-index: 99999;
  240. position: fixed;
  241. margin-top:135px;
  242. margin-left:120px;
  243. font-family: serif;
  244. font-size: 15px;
  245. text-align: right;
  246. font-style: italic;
  247. color:{color:title};
  248. text-transform: lowercase;
  249. font-weight: bold;
  250. }
  251.  
  252.  
  253. #description {
  254. width:200px;
  255. height:100px;
  256. margin-left:90px;
  257. margin-top:-2px;
  258. text-align:justify;
  259. font-weight:normal;
  260. line-height:100%;
  261. font-family:calibri;
  262. font-style:normal;
  263. font-size:10px;
  264. padding-top:0px;
  265. border:0px solid {color:border description};
  266. padding:9px;
  267.  
  268.  
  269. }
  270.  
  271.  
  272.  
  273. .links {
  274. width:160px;
  275. margin-top:100px;
  276. font-family:trebuchet ms;
  277. font-size:10px;
  278. letter-spacing:0px;
  279. text-transform:italic;
  280. font-style:normal;
  281. position:fixed;
  282. text-align:left;
  283. margin-left:145px;
  284. z-index:-10px;
  285. opacity:1;
  286. -webkit-transition: all 0.5s ease-in-out;
  287. -moz-transition: all 0.5s ease-in-out;
  288. -o-transition: all 0.5s ease-in-out;
  289. }
  290.  
  291. .links a{
  292. display:block;
  293. background-color:{color:BG links};
  294. padding:4.5px 3px 3px 3px;
  295. border-bottom:0px solid #000000;
  296. border:0px solid #ccc;
  297. margin-top:4px;
  298. color:{color:navlink};
  299. }
  300.  
  301. .links a:hover{
  302. background-color:#cccccc;
  303. background-color:{color:sidebar};
  304. font-style:italic;
  305. -webkit-transition: all 0.5s ease-in-out;
  306. -moz-transition: all 0.5s ease-in-out;
  307. -o-transition: all 0.5s ease-in-out;
  308. }
  309.  
  310. #info {
  311. border-top:1px solid #E6E6E6;
  312. width:500px;
  313. padding-top:8px;
  314. font-size:9px;
  315. margin-left:-1px;
  316. font-style:normal;
  317. text-align:left;
  318. -moz-transition-duration:0.5s;
  319. -webkit-transition-duration:0.5s;
  320. -o-transition-duration:0.5s;
  321. }
  322.  
  323. #info a{
  324. margin-top:-20px;
  325. color:{color:info};
  326. }
  327.  
  328. #info a:hover{
  329. color:{color:links};
  330. }
  331.  
  332. /*TAGS*/
  333. .tags {
  334. font-family:arial;
  335. width:500px;
  336. line-height:100%; /*space between line and line*/
  337. text-align:left;
  338. padding-top:7px;
  339. text-transform: lowercase;
  340. font-size:8px;
  341. -moz-transition-duration:0.5s;
  342. -webkit-transition-duration:0.5s;
  343. -o-transition-duration:0.5s;
  344. }
  345.  
  346. .tags a {
  347. font-style:italic;
  348. color:{color:info};
  349. margin-right:5px;
  350. line-height:120%;
  351. }
  352.  
  353. .tags a:hover {
  354. text-decoration:underline;
  355. color:{color:info};
  356. }
  357.  
  358. /*NOTES*/
  359. .notes {
  360. background-color:#FFFFFF;
  361. text-transform:normal;
  362. letter-spacing:0px;
  363. font-size:9px;
  364. margin-top:20px;
  365. font-style:normal;
  366. margin-left:-20px;
  367. text-align:left;
  368. line-height:30px;
  369. border-bottom:1px solid #D8D8D8;
  370. }
  371.  
  372. .notes img{
  373. padding:2px;
  374. border:1px solid #eee;
  375. margin-bottom:-4px;
  376. -webkit-transition:all 0.5s ease-in-out;
  377. -moz-transition:all 0.5s ease-in-out;
  378. -o-transition:all 0.5s ease-in-out;
  379. -ms-transition:all 0.5s ease-in-out;
  380. transition:all 0.5s ease-in-out;
  381. }
  382.  
  383. .notes img:hover {opacity: 0.6;
  384. -webkit-transition:all 0.5s ease-in-out;
  385. -moz-transition:all 0.5s ease-in-out;
  386. -o-transition:all 0.5s ease-in-out;
  387. -ms-transition:all 0.5s ease-in-out;
  388. transition:all 0.5s ease-in-out;}
  389.  
  390. #asker {
  391. float:left;
  392. margin-right:5px;
  393. }
  394.  
  395.  
  396.  
  397. .credit, .credit a {
  398. width:10px;
  399. height:10px;
  400. bottom:10px;
  401. right:20px;
  402. padding:4px;
  403. font-size:8px;
  404. letter-spacing:0px;
  405. color:#000;
  406. line-height:8px;
  407. position:fixed;
  408. text-align:center;
  409. color:{color:Tags Text Colour};
  410. font-family:arial;
  411. text-transform:uppercase;
  412. background-color:{color:000;};
  413. border:1; solid {color:Border};
  414. -webkit-transition: all 0.5s ease-in-out;
  415. -moz-transition: all 0.5s ease-in-out;
  416. -o-transition: all 0.5s ease-in-out;
  417. transition: all 0.5s ease-in-out;
  418. }
  419.  
  420. .credit a:hover {
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. transition: all 0.5s ease-in-out;
  425.  
  426. }
  427.  
  428.  
  429.  
  430. {CustomCSS}</style>
  431.  
  432.  
  433.  
  434. </div>
  435.  
  436. </head>
  437. <body>
  438. <div id="title">{Title}</div>
  439. <div id="sidebar">
  440. <center>
  441. <img src="{image:sidebar}">
  442. <div class="links">
  443. <a href="/">• Home</a>
  444. <a href="/ask">• Ask</a>
  445. <a href="{text:link1 url}">{text:link1}</a>
  446. <a href="{text:link2 url}">{text:link2}</a>
  447. <a href="{text:link3 url}">{text:link3}</a>
  448. <a href="http://tvd-themes.tumblr.com">Theme ©</a>
  449.  
  450. </div
  451.  
  452.  
  453.  
  454. </center>
  455.  
  456. {block:Text}
  457. <h1>{block:Title}{Title}{/block:Title}</h1>
  458. {Body}
  459. {/block:Text}
  460.  
  461. <div id="description">
  462. {description}
  463. </div>
  464. </div>
  465.  
  466. {block:Pagination}<div id="pagi">
  467. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  468. {block:JumpPagination length="3"}
  469. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  470. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  471. {/block:JumpPagination}
  472. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  473. </div>{/block:Pagination}
  474. <div id="entries">
  475.  
  476. {block:Posts}
  477.  
  478. <div id="post">
  479.  
  480.  
  481. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  482.  
  483. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  484.  
  485. {block:Photoset}<center>{Photoset-500}</center>
  486. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  487.  
  488.  
  489. {block:Quote}
  490. <h2>{Quote}</h2>
  491. <div align="right">
  492. {block:Source}<h1>-{Source}</h1>{/block:Source}
  493. </div>
  494. {/block:Quote}
  495.  
  496.  
  497. {block:Video}
  498. {Video-500}<br>
  499. {PlayCountWithLabel}
  500. {/block:Video}
  501.  
  502.  
  503. {block:Link}
  504. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  505. {block:Description}{Description}{/block:Description}
  506. {/block:Link}
  507.  
  508. {block:Chat}
  509. {block:Lines}
  510. {block:Label}
  511. <br>{Label}
  512. {/block:Label}
  513. &nbsp;{Line}
  514. {/block:Lines}
  515. {/block:Chat}
  516.  
  517. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  518. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  519. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  520. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  521. {/block:Audio}
  522.  
  523. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  524.  
  525.  
  526. <div id="info"> posted <a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  527. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  528. {/block:Posts}
  529. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  530. {/block:Posts}</div></div></div>
  531.  
  532.  
  533.  
  534.  
  535. </div>
  536. <span class="credit">
  537. <a href="http://tvd-themes.tumblr.com/" target="_blank" title="Theme By; K A T I A"> TVD THEMES </a>
  538. </span>
  539. </body>
  540. </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!