TVD-PS

THEME "Loving, loving, loving"

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