TVD-PS

THEME; "Counting Stars"

Aug 29th, 2014
361
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.09 KB | None | 0 0
  1. <!--
  2.  
  3. "counting stars"
  4. @Theme By; TVD-Photoshop
  5. TVD-PS
  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.  
  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. <meta name="color:sidebar" content="" />
  31. <meta name="color:bold"content="#fff">
  32. <meta name="color:italic"content="#fff">
  33. <meta name="color:text"content="#000">
  34. <meta name="color:link"content="#000">
  35. <meta name="color:hover"content="#fff">
  36. <meta name="color:scrollbar" content="" />
  37. <meta name="color:border post" content="#eee" />
  38. <meta name="color:background"content="#fff">
  39. <meta name="color:border"content="#fff">
  40. <meta name="color:Title" content=""/>
  41. <meta name="image:Sidebar Image" content="" />
  42.  
  43.  
  44. <meta name="image:sidebar"content="">
  45.  
  46.  
  47. <meta name="text:link1"content="home">
  48. <meta name="text:link2"content="ask">
  49. <meta name="text:link3"content="nav">
  50. <meta name="text:link4"content="nav">
  51. <meta name="text:link5"content="nav">
  52. <meta name="text:link1 url"content="/">
  53. <meta name="text:link2 url"content="/">
  54. <meta name="text:link3 url"content="/">
  55. <meta name="text:link4 url"content="/">
  56. <meta name="text:link5 url"content="/">
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61.  
  62.  
  63. /*--Scrollbar--*/
  64. ::-webkit-scrollbar {background-color:{color:scrollbarbg}; height:8px; width:8px}
  65. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  66. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  67.  
  68.  
  69.  
  70. body{
  71. color:{color:text};
  72. font-family:arial;
  73. font-size:12px;
  74. background:{color:background} url('{image:bg}') top left fixed repeat;
  75.  
  76. }
  77.  
  78.  
  79.  
  80. h1 {
  81. font-family:arial;
  82. font-size:15px;text-align:;
  83. font-style:normal;
  84. line-height:80%;
  85. letter-spacing:1px;
  86. border:0px solid {color:border};
  87. background-color:{color:000000};
  88. padding:6px;
  89. font-weight:arial;
  90.  
  91.  
  92. }
  93.  
  94.  
  95. h2 {
  96. font-family:arial;
  97. font-size:19px;
  98. text-align:left;
  99. font-style:normal;
  100. line-height:80%;
  101. border:0px
  102. solid {color:border};
  103. letter-spacing:1px;
  104. background-color:{color:000000};
  105. padding:6px;
  106. font-weight:arial;
  107.  
  108. }
  109.  
  110.  
  111. blockquote {
  112. border-left:0px
  113. solid {color:border};
  114. margin-left:10px;
  115. padding-left:5px; }
  116.  
  117. b { font-weight:bold;
  118. color:{color:bold}; }
  119. i { font-weight:arial;
  120. color:{color:italic}; }
  121. u {text-decoration:none;
  122. border-bottom:0px solid {color:text}; }
  123.  
  124. a { color:{color:link};
  125. font-family:arial;
  126. text-decoration:none;-moz-transition-duration:0.5s;
  127. -webkit-transition-duration:0.5s;
  128. -o-transition-duration:0.5s;}
  129. a:hover {color:{color:hover};}
  130.  
  131. #entries{
  132. width:515px;
  133. margin-left:600px;
  134. position:absolute;
  135. }
  136.  
  137. #post{
  138. padding:19px;
  139. background-color:{color:background};
  140. border:1px solid {color:border post};
  141. width:500px;
  142. float:left;
  143. margin:10px;
  144. }
  145.  
  146. #post img:hover {
  147. opacity:0.7;
  148. -moz-transition-duration:0.6s;
  149. -webkit-transition-duration:0.6s;
  150. -o-transition-duration:0.6s;
  151. }
  152. .pagi {
  153. border:0px solid {color:000000};display:inline-block;
  154. background-color:{color:description};
  155. margin-top:370px;
  156. margin-left:320px;
  157. position:fixed;
  158. padding:1px;
  159. font-family:arial;
  160. font-size:10px;
  161. }
  162.  
  163. .pagi a {
  164. color:{color:link};
  165. }
  166.  
  167. /* --- SIDEBAR ---*/
  168.  
  169. #sidebar {
  170. margin-top:-20px;
  171. margin-left:-20px;
  172. position:fixed;
  173. width:220px;
  174. height:680px;
  175. border:0px
  176. solid {color:border};
  177. height:1000%;
  178. background: url({image:Sidebar Image});top left fixed repeat;
  179. background-color:{color:sidebar};
  180.  
  181.  
  182.  
  183. }
  184.  
  185.  
  186.  
  187. #sidebar img {
  188. margin-top:140px;
  189. margin-left:250px;
  190. border: 1px
  191. solid {color:border post};
  192. width:210px;
  193. height:110px;
  194. padding:3px;
  195.  
  196.  
  197. }
  198.  
  199. #sidebar img:hover {
  200. opacity:0.7;
  201. -moz-transition-duration:0.6s;
  202. -webkit-transition-duration:0.6s;
  203. -o-transition-duration:0.6s;
  204. }
  205.  
  206.  
  207.  
  208. #description {
  209. width:336px;
  210. height:164px;
  211. margin-left:210px;
  212. margin-top: 5px;
  213. text-align:justify;
  214. font-weight:normal;
  215. line-height:120%;
  216. font-family:arial;
  217. font-style:normal;
  218. font-size:10px;
  219. padding-top:0px;
  220.  
  221. }
  222.  
  223.  
  224.  
  225.  
  226. #title {
  227. z-index: 99999;
  228. position: fixed;
  229. margin-top: 107px;
  230. margin-left:45px;
  231. font-size: 20px;
  232. font-family: arial;
  233. line-height: 31px;
  234. text-align: center;
  235. color: {color:Title};
  236. width: 150px;
  237. text-shadow: 0px 0px 10px {color:background};
  238. }
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245. #description {
  246. width:236px;
  247. height:364px;
  248. margin-left:240px;
  249. margin-top: 10px;
  250. text-align:center;
  251. font-weight:normal;
  252. line-height:120%;
  253. font-family:arial;
  254. font-style:normal;
  255. font-size:9px;
  256. padding-top:0px;
  257.  
  258. }
  259.  
  260.  
  261.  
  262.  
  263. #links {
  264. font-family:times new;
  265. z-index:5;
  266. position:fixed;
  267. width:20px;
  268. height:20px;
  269. text-align:center;
  270. margin-left:105px;
  271. margin-top:-64px;
  272. font-size:9px;
  273. text-transform:uppercase;
  274. letter-spacing:1px;
  275. display:block;
  276. }
  277.  
  278. #links a {
  279. display:block;
  280. width:10px;
  281. padding:3px 3px 2px 4px;
  282. line-height:180%;
  283. margin-top:-1px;
  284. color:{color:navlink};
  285. border-top:1px solid {color:linkborder};
  286. border-bottom:1px solid {color:linkborder};
  287. -webkit-transition: all 0.5s ease-in-out;
  288. -moz-transition: all 0.5s ease-in-out;
  289. -o-transition: all 0.5s ease-in-out;
  290. }
  291.  
  292. #links a:hover {
  293. background-color:#fff;
  294. border-bottom:1px solid {color:navlinkhovercolor};
  295. border-top:1px solid {color:navlinkhovercolor};
  296. color:{color:navlinkhovercolor};
  297. -webkit-transition: all 0.2s ease-in-out;
  298. -moz-transition: all 0.2s ease-in-out;
  299. -o-transition: all 0.2s ease-in-out;
  300. }
  301.  
  302.  
  303.  
  304.  
  305. #entries {
  306. float: left;
  307. {block:If500Posts}width: 500px; {/block:If500Posts}
  308. {block:If500Posts}width: 500px; {/block:If500Posts}
  309. padding: 20px;
  310. background-color: transparent;
  311. margin-left: 600px;
  312. }
  313.  
  314. #posts {
  315. {block:If500Posts}
  316. {block:IndexPage}width: 500px; {/block:IndexPage}
  317. {block:PermalinkPage}width: 500px; {/block:PermalinkPage}
  318. {/block:If500Posts}
  319. {block:If500Posts}width: 500px; {/block:If500Posts}
  320. padding: 20px 0px;
  321. background-color: transparent;
  322. text-align: justify;
  323. position: relative;
  324. }
  325.  
  326.  
  327.  
  328. .date {
  329. font-family: arial;
  330. font-size: 10px;
  331. margin: 20px 0px 0px 0px;
  332. position: relative;
  333. border-bottom: 1px dashed {color:Border2};
  334. }
  335.  
  336. .dated {
  337. float: left;
  338. top: -5px;
  339. padding: 0px 8px 0px 0px;
  340. position: relative;
  341. text-transform: uppercase;
  342. background: {color:background};
  343. }
  344.  
  345. .dated a:hover {
  346. color: {color:Link};
  347. }
  348.  
  349. .tagged {
  350. text-align: right;
  351. {block:If500Posts}width: 500px; {/block:If500Posts}
  352. {block:If500Posts}width: 500px; {/block:If500Posts}
  353. padding-left: 100px;
  354. margin: 5px 0px;
  355. background: transparent;
  356. }
  357.  
  358. .tagged a {
  359. display: inline-block;
  360. background: {color:Tags};
  361. text-decoration: none;
  362. font-family: arial;
  363. font-size: 9px;
  364. line-height: 10px;
  365. font-weight: normal;
  366. text-transform: uppercase;
  367. text-align: center;
  368. padding: 2px 4px;
  369. margin: 2px;
  370. }
  371.  
  372.  
  373.  
  374. .credit, .credit a {
  375. width:10px;
  376. height:10px;
  377. bottom:10px;
  378. right:20px;
  379. padding:4px;
  380. font-size:9px;
  381. letter-spacing:2px;
  382. color:#000;
  383. line-height:8px;
  384. position:fixed;
  385. text-align:center;
  386. color:{color:Tags Text Colour};
  387. font-family:arial;
  388. text-transform:uppercase;
  389. background-color:{color:000;};
  390. border:1; solid {color:Border};
  391. -webkit-transition: all 0.5s ease-in-out;
  392. -moz-transition: all 0.5s ease-in-out;
  393. -o-transition: all 0.5s ease-in-out;
  394. transition: all 0.5s ease-in-out;
  395. }
  396.  
  397. .credit a:hover {
  398. -webkit-transition: all 0.5s ease-in-out;
  399. -moz-transition: all 0.5s ease-in-out;
  400. -o-transition: all 0.5s ease-in-out;
  401. transition: all 0.5s ease-in-out;
  402.  
  403.  
  404. {CustomCSS}</style>
  405.  
  406. </head>
  407. <body>
  408. <div id="sidebar">
  409. <div id="title">{Title}</div>
  410. <center>
  411. <img src="{image:sidebar}">
  412. <div id="links">
  413. <a href="/">•Home</a>
  414. <a href="/ask">•Ask</a>
  415. <a href="{text:link1 url}">{text:link1}</a>
  416. <a href="{text:link2 url}">{text:link2}</a>
  417. <a href="{text:link3 url}">{text:link3}</a>
  418. <a href="{text:link4 url}">{text:link4}</a>
  419. <a href="{text:link5 url}">{text:link5}</a>
  420. </div>
  421.  
  422.  
  423. </center>
  424.  
  425. <div id="description">
  426. {description}
  427. </div>
  428. </div>
  429.  
  430. {block:Pagination}
  431. <div class="pagi">
  432. {block:PreviousPage}
  433. <a href="{PreviousPage}">previous</a>
  434. {/block:PreviousPage}-
  435. {block:NextPage}
  436. <a href="{NextPage}">next</a>
  437. {/block:NextPage}
  438. </div>
  439. {/block:Pagination}
  440. </div>
  441. <div id="entries">
  442.  
  443.  
  444.  
  445. {block:Posts}
  446.  
  447. <div id="post">
  448.  
  449.  
  450. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  451.  
  452. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  453.  
  454. {block:Photoset}<center>{Photoset-500}</center>
  455. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  456.  
  457.  
  458. {block:Quote}
  459. <h2>{Quote}</h2>
  460. <div align="right">
  461. {block:Source}<h1>-{Source}</h1>{/block:Source}
  462. </div>
  463. {/block:Quote}
  464.  
  465.  
  466. {block:Video}
  467. {Video-500}<br>
  468. {PlayCountWithLabel}
  469. {/block:Video}
  470.  
  471.  
  472. {block:Link}
  473. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  474. {block:Description}{Description}{/block:Description}
  475. {/block:Link}
  476.  
  477. {block:Chat}
  478. {block:Lines}
  479. {block:Label}
  480. <br>{Label}
  481. {/block:Label}
  482. &nbsp;{Line}
  483. {/block:Lines}
  484. {/block:Chat}
  485.  
  486. {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>
  487. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  488. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  489. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  490. {/block:Audio}
  491.  
  492.  
  493.  
  494. {block:Answer}
  495. <br>
  496. <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;">
  497. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #000000; border-radius: 1px;"/>
  498. <askk>{Asker}</askk>: {Question}<br></div>
  499. <div style="font-family: arial; font-size: 12px;">
  500. {Answer}
  501. </div>
  502. {/block:Answer}
  503.  
  504.  
  505. <div class="date">
  506. <span class="dated">{block:Date}<a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}{/block:Date} WITH {NoteCountWithLabel}</a> <br>
  507. {block:RebloggedFrom}VIA: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource} / Source: <a href="{SourceURL}">{SourceLink} </a>{/block:ContentSource}
  508. </span>
  509. </div>
  510.  
  511. <div class="tagged">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  512. </div>
  513. {/block:Posts}
  514.  
  515. {block:PostNotes}
  516. <div class="ending">{PostNotes}</div>
  517. {/block:PostNotes}
  518.  
  519.  
  520.  
  521. </div>
  522.  
  523. </div>
  524. <span class="credit">
  525. <a href="http://tvd-photoshop.tumblr.com/" target="_blank" title="Theme By; TVD PS"> TVD PS ♥ </a>
  526. </span>
  527. </body>
  528. </html>
Advertisement
Add Comment
Please, Sign In to add comment