Advertisement
TVD-PS

THEME; "We'll be counting stars"

Aug 30th, 2014
793
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.44 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. "We'll be counting stars"
  5. @Theme By; TVD-Photoshop
  6. TVD-PS
  7. By;Katia;
  8. +Please do not remove credit.
  9. +Do not steal the code or take parts of the codes and put them in your own theme.
  10. +Do not remove the credit completely or make them invisible, you may replace it to a visible place.
  11.  
  12. -->
  13.  
  14.  
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <html lang="en">
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <meta name="color:bold"content="#fff">
  33. <meta name="color:italic"content="#fff">
  34. <meta name="color:text"content="#000">
  35. <meta name="color:link"content="#000">
  36. <meta name="color:post"content="#fff">
  37. <meta name="color:hover"content="#fff">
  38. <meta name="color:border"content="#000">
  39. <meta name="color:scrollbar" content="" />
  40. <meta name="color:background"content="#f6f6f6">
  41. <meta name="color:Title" content=""/>
  42.  
  43.  
  44.  
  45. <meta name="image:sidebar"content="">
  46.  
  47.  
  48. <meta name="text:link1"content="Link1">
  49. <meta name="text:link2"content="Link2">
  50. <meta name="text:link3"content="Link3">
  51. <meta name="text:link4"content="Link4">
  52. <meta name="text:link5"content="Link5">
  53. <meta name="text:link6"content="Link6">
  54. <meta name="text:link1 url"content="/">
  55. <meta name="text:link2 url"content="/">
  56. <meta name="text:link3 url"content="/">
  57. <meta name="text:link4 url"content="/">
  58. <meta name="text:link5 url"content="/">
  59. <meta name="text:link6 url"content="/">
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64.  
  65.  
  66. /*--Scrollbar--*/
  67. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  68. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  69. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  70.  
  71. img:hover {
  72. -webkit-filter: grayscale(100%);
  73. z-index: -9999999999999999999999999px;
  74. -webkit-transition: all 0.9s ease-in-out;
  75. -moz-transition: all 0.9s ease-in-out;
  76. -o-transition: all 0.9s ease-in-out;
  77. -ms-transition: all 0.9s ease-in-out;
  78. transition: all 0.9s ease-in-out;
  79. }
  80.  
  81.  
  82. body{
  83. color:{color:text};
  84. font-family:arial;
  85. font-size:10px;
  86. background:{color:background} url('{image:bg}') top left fixed repeat;
  87.  
  88. }
  89.  
  90.  
  91.  
  92. h1 {
  93. font-family:arial;
  94. font-size:15px;text-align:;
  95. font-style:normal;
  96. line-height:80%;
  97. letter-spacing:1px;
  98. border:0px solid {color:border};
  99. background-color:{color:000000};
  100. padding:6px;
  101. font-weight:arial;
  102.  
  103.  
  104. }
  105.  
  106.  
  107. h2 {
  108. font-family:arial;
  109. font-size:19px;
  110. text-align:left;
  111. font-style:normal;
  112. line-height:80%;
  113. border:0px
  114. solid {color:border};
  115. letter-spacing:1px;
  116. background-color:{color:000000};
  117. padding:6px;
  118. font-weight:arial;
  119.  
  120. }
  121.  
  122.  
  123. blockquote {
  124. border-left:0px
  125. solid {color:border};
  126. margin-left:1px;
  127. padding-left:5px; }
  128.  
  129. b { font-weight:bold;
  130. color:{color:bold}; }
  131. i { font-weight:arial;
  132. color:{color:italic}; }
  133. u {text-decoration:none;
  134. border-bottom:0px solid {color:text}; }
  135.  
  136. a { color:{color:link};
  137. font-family:arial;
  138. text-decoration:none;-moz-transition-duration:0.5s;
  139. -webkit-transition-duration:0.5s;
  140. -o-transition-duration:0.5s;}
  141. a:hover {color:{color:hover};}
  142.  
  143. #entries{
  144. width:505px;
  145. margin-left:550px;
  146. position:absolute;
  147. }
  148.  
  149. #post{
  150. padding:19px;
  151. background-color:{color:post};
  152. border:0px solid {color:border};
  153. width:500px;
  154. float:left;
  155. margin:8px;
  156. opacity:0.8;
  157. -webkit-transition: all 0.6s ease-in-out;
  158. -moz-transition: all 0.6s ease-in-out;
  159. -o-transition: all 0.6s ease-in-out;
  160. -ms-transition: all 0.6s ease-in-out;
  161. transition: all 0.6s ease-in-out;
  162.  
  163.  
  164. }
  165.  
  166. #post img:hover {
  167. opacity:0.7;
  168. -moz-transition-duration:0.6s;
  169. -webkit-transition-duration:0.6s;
  170. -o-transition-duration:0.6s;
  171.  
  172.  
  173. }
  174.  
  175.  
  176. .pagi {
  177. border:0px solid {color:000000};display:inline-block;
  178. background-color:{color:description};
  179. margin-top:500px;
  180. margin-left:250px;
  181. position:fixed;
  182. padding:1px;
  183. font-family:arial;
  184. font-size:10px;
  185. }
  186.  
  187. .pagi a {
  188. color:{color:link};
  189. }
  190.  
  191.  
  192.  
  193. /* --- SIDEBAR ---*/
  194.  
  195. #sidebar {
  196. margin-top:-30px;
  197. margin-left:-8px;
  198. position:fixed;
  199. width:0px;
  200. height:690px;
  201. border:0px
  202. solid {color:border};
  203. height:1000%;
  204. background: url({image:Sidebar Image});
  205. background-color:{color:sidebar};
  206.  
  207.  
  208. }
  209.  
  210.  
  211.  
  212. #sidebar img {
  213. margin-top:170px;
  214. margin-left:150px;
  215. border: 1px
  216. solid {color:border};
  217. width:230px;
  218. height:260px;
  219. padding:0px;
  220.  
  221.  
  222.  
  223.  
  224. }
  225.  
  226. #sidebar img:hover {
  227. opacity:0.7;
  228. -moz-transition-duration:0.6s;
  229. -webkit-transition-duration:0.6s;
  230. -o-transition-duration:0.6s;
  231. }
  232.  
  233. #title {
  234. z-index: 99999;
  235. position: fixed;
  236. margin-top: 107px;
  237. margin-left:205px;
  238. font-size: 10px;
  239. font-family: arial;
  240. line-height: 11px;
  241. text-align: center;
  242. color: {color:Title};
  243. width: 100px;
  244. text-shadow: 0px 0px 10px {color:links};
  245. }
  246.  
  247.  
  248. #description {
  249. width:236px;
  250. height:164px;
  251. margin-left:150px;
  252. margin-top: 0;
  253. text-align:justify;
  254. font-weight:normal;
  255. line-height:110%;
  256. font-family:arial;
  257. font-style:normal;
  258. font-size:10px;
  259. padding-top:0px;
  260.  
  261. }
  262.  
  263.  
  264.  
  265.  
  266. #links {
  267. font-family:arial;
  268. z-index:5;
  269. text-transform:uppercase;
  270. position:fixed;
  271. text-align:left;
  272. width:70px;
  273. padding:3px;
  274. margin-left:70px;
  275. margin-top:-210px;
  276. font-size:7px;
  277. height:30px;
  278. letter-spacing:2px;
  279. opacity:1;
  280. -webkit-transition: all 0.5s ease-in-out;
  281. -moz-transition: all 0.5s ease-in-out;
  282. -o-transition: all 0.5s ease-in-out;
  283. }
  284.  
  285. #links a {
  286. display:block;
  287. background-color:#cccccc;
  288. padding:4.5px 3px 3px 3px;
  289. border-bottom:0px solid #000000;
  290. margin-top:4px;
  291. color:{color:navlink};
  292. }
  293.  
  294. #links a:hover {
  295. background-color:#000000;
  296. letter-spacing:3px;
  297. color:{color:navlinkhovercolor};
  298. font-style:italic;
  299. -webkit-transition: all 0.5s ease-in-out;
  300. -moz-transition: all 0.5s ease-in-out;
  301. -o-transition: all 0.5s ease-in-out;
  302. }
  303.  
  304. #lostatsea {
  305. width:150px;
  306. height:90px;
  307. margin-top:12px;
  308. position:fixed;
  309. font-size:9px;
  310. margin-left:3px;
  311. }
  312.  
  313. .updatetitle {
  314. border-left:4px solid {color:Link};
  315. text-transform:uppercase;
  316. letter-spacing:2px;
  317. line-height:27px;
  318.  
  319. }
  320.  
  321. .updatetitle a {
  322. margin-left:3px;
  323. color:{color:Text};
  324. border-bottom:4px solid transparent;
  325. }
  326.  
  327. .updatetitle a:hover {
  328. color:{color:Link};
  329. border-bottom:2px solid {color:Text};
  330. }
  331.  
  332. #update1 {
  333.  
  334. }
  335.  
  336. #update1:hover .updatesinfo1{
  337. height:100px;
  338. opacity:1;
  339. -moz-transition-duration:0.7s;
  340. -webkit-transition-duration:0.7s;
  341. -o-transition-duration:0.7s;
  342. }
  343.  
  344. .updatesinfo1 {
  345. margin-left:60px;
  346. border:0px solid {color:Link};
  347. width:100px;
  348. height:10px;
  349. opacity:0;
  350. position:fixed;
  351. margin-top:-15px;
  352. overflow:hidden;
  353. -moz-transition-duration:0.7s;
  354. -webkit-transition-duration:0.7s;
  355. -o-transition-duration:0.7s;
  356. }
  357.  
  358. #update2 {
  359.  
  360. }
  361.  
  362. #update2:hover .updatesinfo2{
  363. height:100px;
  364. opacity:1;
  365. -moz-transition-duration:0.7s;
  366. -webkit-transition-duration:0.7s;
  367. -o-transition-duration:0.7s;
  368. }
  369.  
  370. .updatesinfo2 {
  371. margin-left:60px;
  372. border:0px solid {color:Link};
  373. width:100px;
  374. height:10px;
  375. opacity:0;
  376. position:fixed;
  377. overflow:hidden;
  378. margin-top:-15px;
  379. -moz-transition-duration:0.7s;
  380. -webkit-transition-duration:0.7s;
  381. -o-transition-duration:0.7s;
  382. }
  383.  
  384. #update3 {
  385.  
  386. }
  387.  
  388. #update3:hover .updatesinfo3{
  389. opacity:1;
  390. height:40px;
  391. -moz-transition-duration:0.7s;
  392. -webkit-transition-duration:0.7s;
  393. -o-transition-duration:0.7s;
  394. }
  395.  
  396. .updatesinfo3 {
  397. margin-left:60px;
  398. border:0px solid {color:Link};
  399. width:100px;
  400. height:1px;
  401. opacity:0;
  402. position:fixed;
  403. overflow:hidden;
  404. margin-top:-15px;
  405. -moz-transition-duration:0.7s;
  406. -webkit-transition-duration:0.7s;
  407. -o-transition-duration:0.7s;
  408. }
  409.  
  410. #update4 {
  411.  
  412. }
  413.  
  414. #update4:hover .updatesinfo4{
  415. opacity:1;
  416. height:30px;
  417. -moz-transition-duration:0.7s;
  418. -webkit-transition-duration:0.7s;
  419. -o-transition-duration:0.7s;
  420. }
  421.  
  422. .updatesinfo4 {
  423. margin-left:60px;
  424. border:0px solid {color:Link};
  425. width:100px;
  426. height:1px;
  427. opacity:0;
  428. position:fixed;
  429. margin-top:-15px;
  430. overflow:hidden;
  431. -moz-transition-duration:0.7s;
  432. -webkit-transition-duration:0.7s;
  433. -o-transition-duration:0.7s;
  434. }
  435.  
  436. #info {
  437. margin-bottom:10px;
  438. font-size:8px;
  439. margin-top:10px;
  440. text-align:left;
  441. padding:5px;
  442. color:{color:link};
  443. border-top:1px solid {color:border};
  444. }
  445.  
  446.  
  447.  
  448. #reblog {
  449. text-transform:uppercase;
  450. font-family:trebuchet ms;
  451. margin-left:-5px;
  452. margin-top:-5px;
  453. text-align:center;
  454. color:white;
  455. background-color:#cfcece;
  456. width:35px;
  457. padding:3px;
  458. }
  459.  
  460. #reblog a {
  461. color:white;
  462. }
  463.  
  464. #notes {
  465. margin-left:40px;
  466. margin-top:-12px;
  467. }
  468.  
  469. #rightinfo {
  470. text-transform:uppercase;
  471. font-family:trebuchet ms;
  472. margin-left:370px;
  473. text-align:justify;
  474. float:right;
  475. background-color:#cfcece;
  476. padding:3px;
  477. margin-top:-12px;
  478. color:white;
  479. }
  480.  
  481. #rightinfo a {
  482. color:white;
  483. }
  484.  
  485. /*--tags--*/
  486.  
  487. #tags {
  488. width:490px;
  489. margin-left:-4px;
  490. margin-top:7px;
  491. font-size:11px;
  492. color:{color:tags}:
  493. }
  494.  
  495. #tags a {
  496. color:{color:tags};
  497. }
  498.  
  499. #tags a:hover {
  500. color:{color:hover}
  501. }
  502.  
  503. .credit, .credit a {
  504. width:10px;
  505. height:10px;
  506. bottom:10px;
  507. right:20px;
  508. padding:4px;
  509. font-size:9px;
  510. letter-spacing:2px;
  511. color:#000;
  512. line-height:8px;
  513. position:fixed;
  514. text-align:center;
  515. color:{color:Tags Text Colour};
  516. font-family:arial;
  517. text-transform:uppercase;
  518. background-color:{color:000;};
  519. border:1; solid {color:Border};
  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. transition: all 0.5s ease-in-out;
  524. }
  525.  
  526. .credit a:hover {
  527. -webkit-transition: all 0.5s ease-in-out;
  528. -moz-transition: all 0.5s ease-in-out;
  529. -o-transition: all 0.5s ease-in-out;
  530. transition: all 0.5s ease-in-out;
  531.  
  532.  
  533.  
  534. {CustomCSS}</style>
  535.  
  536. <div id="lostatsea">
  537.  
  538. <div id="update1">
  539. <div class="updatetitle"><a =""></a>write here<br></div>
  540. <div class="updatesinfo1">enter your text you want :)</div>
  541. </div>
  542.  
  543. <div id="update2">
  544. <div class="updatetitle"><a =""> what</a><br></div>
  545. <div class="updatesinfo2">enter your text you want :)</div>
  546. </div>
  547.  
  548. <div id="update3">
  549. <div class="updatetitle"><a =""> you</a><br></div>
  550. <div class="updatesinfo3">shine bright like a diamond ♪ ♫</div>
  551. </div>
  552.  
  553. <div id="update4">
  554. <div class="updatetitle"><a =""></a>want<br></div>
  555. <div class="updatesinfo4">♪ ♫</div>
  556. </div>
  557.  
  558. </div>
  559.  
  560. </head>
  561. <body>
  562. <div id="title">{Title}</div>
  563. <div id="sidebar">
  564. <center>
  565. <img src="{image:sidebar}">
  566. <div id="links">
  567. <a href="/">home</a>
  568. <a href="/ask">ask</a>
  569. <a href="{text:link1 url}">{text:link1}</a>
  570. <a href="{text:link2 url}">{text:link2}</a>
  571. <a href="{text:link3 url}">{text:link3}</a>
  572. <a href="{text:link4 url}">{text:link4}</a>
  573. <a href="{text:link5 url}">{text:link5}</a>
  574. <a href="{text:link6 url}">{text:link6}</a>
  575. </div>
  576.  
  577.  
  578. </center>
  579.  
  580. {block:Text}
  581. <h1>{block:Title}{Title}{/block:Title}</h1>
  582. {Body}
  583. {/block:Text}
  584.  
  585. <div id="description">
  586. {description}
  587. </div>
  588. </div>
  589.  
  590. {block:Pagination}
  591. <div class="pagi">
  592. {block:PreviousPage}
  593. <a href="{PreviousPage}">previous</a>
  594. {/block:PreviousPage}
  595. {block:NextPage}
  596. <a href="{NextPage}">-Next</a>
  597. {/block:NextPage}
  598. </div>
  599. {/block:Pagination}
  600. </div>
  601. <div id="entries">
  602.  
  603. {block:Posts}
  604.  
  605. <div id="post">
  606.  
  607.  
  608. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  609.  
  610. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  611.  
  612. {block:Photoset}<center>{Photoset-500}</center>
  613. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  614.  
  615.  
  616. {block:Quote}
  617. <h2>{Quote}</h2>
  618. <div align="right">
  619. {block:Source}<h1>-{Source}</h1>{/block:Source}
  620. </div>
  621. {/block:Quote}
  622.  
  623.  
  624. {block:Video}
  625. {Video-500}<br>
  626. {PlayCountWithLabel}
  627. {/block:Video}
  628.  
  629.  
  630. {block:Link}
  631. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  632. {block:Description}{Description}{/block:Description}
  633. {/block:Link}
  634.  
  635. {block:Chat}
  636. {block:Lines}
  637. {block:Label}
  638. <br>{Label}
  639. {/block:Label}
  640. &nbsp;{Line}
  641. {/block:Lines}
  642. {/block:Chat}
  643.  
  644. {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>
  645. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  646. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  647. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  648. {/block:Audio}
  649.  
  650. {block:Answer}
  651. <br>
  652. <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;">
  653. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #000000; border-radius: 1px;"/>
  654. <askk>{Asker}</askk>: {Question}<br></div>
  655. <div style="font-family: arial; font-size: 12px;">
  656. {Answer}
  657. </div>
  658. {/block:Answer}
  659.  
  660. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  661. {NoteCountWithLabel}</a></div>
  662. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  663. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  664. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  665. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  666.  
  667.  
  668. </div>
  669.  
  670. {/block:Posts}
  671.  
  672. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  673. {/block:Posts}
  674.  
  675. </div>
  676.  
  677.  
  678. </div>
  679.  
  680. </div>
  681. <span class="credit">
  682. <a href="http://tvd-photoshop.tumblr.com/" target="_blank" title="Theme By; TVD PS"> TVD PS ♥ </a>
  683. </span>
  684. </body>
  685. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement