API tools faq
paste
TVD-PS

BASE CODE N2

TVD-PS
Apr 24th, 2020
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. ------------------------------
  10. @BARBIE THEMES | TUMBLR
  11. ------------------------------
  12.  
  13. BASE CODE
  14. BASE CODE FOR: @BARBIE-THEMES TUMBLR
  15. +Do not steal the code or take parts of the codes and put them in your own theme.
  16. +You can take this code as a base and create your own, but if you create a new one let me know I want to know that something new was achieved with the code
  17. +don't take this base code as yours
  18. +Nor claim as yours if you did not make any modifications
  19.  
  20. NO COPY PLEASE!!!
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. -->
  29.  
  30.  
  31.  
  32. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  33. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  34. <head><title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39.  
  40. <html lang="en">
  41.  
  42.  
  43.  
  44. <meta name="color:bold"content="#000">
  45. <meta name="color:italic"content="#97c5e0">
  46. <meta name="color:text"content="#000">
  47. <meta name="color:Description"content="#f6f6f6">
  48. <meta name="color:link"content="#97c5e0">
  49. <meta name="color:Links BG"content="#222">
  50. <meta name="color:post"content="#fff">
  51. <meta name="color:hover"content="#fff">
  52. <meta name="color:scrollbar" content="#97c5e0" />
  53. <meta name="color:background"content="#fff">
  54. <meta name="color:Title" content="#fff"/>
  55. <meta name="color:sidebar" content="#000" />
  56. <meta name="color:border sidebar"content="#222">
  57. <meta name="color:Border Image"content="#000">
  58. <meta name="color:border post"content="#000">
  59.  
  60.  
  61. <meta name="image:sidebar"content="http://i.imgur.com/iZwDbZl.gif">
  62. <meta name="image:bg"content="">
  63.  
  64.  
  65. <meta name="text:link1"content="Link1">
  66. <meta name="text:link1 url"content="/">
  67. <meta name="text:link2"content="Link2">
  68. <meta name="text:link2 url"content="/">
  69. <meta name="text:link3"content="Link3">
  70. <meta name="text:link3 url"content="/">
  71. <meta name="text:link4"content="Link4">
  72. <meta name="text:link4 url"content="/">
  73. <meta name="text:link5"content="Link5">
  74. <meta name="text:link5 url"content="/">
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81. /*--Scrollbar--*/
  82. ::-webkit-scrollbar {
  83. background-color:{color:scrollbarbg}; height:8px; width:8px
  84.  
  85. }
  86. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  87. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  88.  
  89.  
  90.  
  91.  
  92. img:hover {
  93. -webkit-filter: grayscale(0%);
  94. z-index: -9999999999999999999999999px;
  95. -webkit-transition: all 0.9s ease-in-out;
  96. -moz-transition: all 0.9s ease-in-out;
  97. -o-transition: all 0.9s ease-in-out;
  98. -ms-transition: all 0.9s ease-in-out;
  99. transition: all 0.9s ease-in-out;
  100. }
  101.  
  102.  
  103. /* --- BODY ---*/
  104.  
  105. body{
  106. color:{color:text};
  107. font-family:arial;
  108. font-size:11px;
  109. background:{color:background} url('{image:bg}')top left fixed repeat;
  110.  
  111. }
  112.  
  113.  
  114.  
  115. h1 {
  116. font-family:arial;
  117. font-size:15px;text-align:;
  118. font-style:normal;
  119. line-height:80%;
  120. letter-spacing:1px;
  121. border:0px solid {color:border};
  122. background-color:{color:000000};
  123. padding:6px;
  124. font-weight:arial;
  125.  
  126.  
  127. }
  128.  
  129.  
  130. h2 {
  131. font-family:arial;
  132. font-size:19px;
  133. text-align:left;
  134. font-style:normal;
  135. line-height:80%;
  136. border:0px
  137. solid {color:border};
  138. letter-spacing:1px;
  139. background-color:{color:000000};
  140. padding:6px;
  141. font-weight:arial;
  142.  
  143. }
  144.  
  145.  
  146. blockquote {
  147. width: 490px;
  148. font-size:9px;
  149. text-transform: normal;
  150. line-height:10px;
  151. margin-left:0px;
  152. padding: 4px;
  153. padding-left:9px;
  154. border-left: 2px solid #848484;
  155. color: {color:text};
  156. }
  157.  
  158.  
  159. b { font-weight:bold;
  160. color:{color:bold}; }
  161. i { font-weight:arial;
  162. color:{color:italic}; }
  163. u {text-decoration:none;
  164. border-bottom:0px solid {color:text}; }
  165.  
  166. a { color:{color:link};
  167. font-family:arial;
  168. text-decoration:none;-moz-transition-duration:0.5s;
  169. -webkit-transition-duration:0.5s;
  170. -o-transition-duration:0.5s;}
  171. a:hover {color:{color:hover};}
  172.  
  173. #entries{
  174. width:400px;
  175. margin-left:400px;
  176. position:absolute;
  177.  
  178.  
  179.  
  180. }
  181.  
  182.  
  183.  
  184. #post{
  185. padding:15px;
  186. background-color:{color:post};
  187. border:1px solid {color:border post};
  188. width:500px;
  189. float:left;
  190. margin:30px;
  191.  
  192.  
  193.  
  194. }
  195.  
  196. /* --- PAGINATION ---*/
  197.  
  198.  
  199. #pagination {
  200. position:fixed;
  201. width:500px;
  202. text-align:center;
  203. margin-top:15px;
  204. margin-left:425px;
  205. font-family:cambria;
  206. font-size:8px;
  207. letter-spacing:4px;
  208. text-transform:uppercase;
  209. font-style:normal;
  210. z-index:100;
  211. background-color:#fcfcfc;
  212. bottom:0;
  213. padding:10px;
  214. border-top:1px
  215. solid #f8f8f8;
  216.  
  217.  
  218. }
  219.  
  220.  
  221.  
  222. /* --- SIDEBAR ---*/
  223.  
  224. #sidebar {
  225. margin-top:-180px;
  226. margin-left:-200px;
  227. position:fixed;
  228. width:220px;
  229. height:680px;
  230. border:160px solid {color:border sidebar};
  231. height:1000%;
  232. text-shadow: 0px 0px 10px {color:links};
  233. background-image:url('{image:sidebar image}');
  234. background-color:{color:sidebar};
  235.  
  236.  
  237.  
  238. }
  239.  
  240.  
  241.  
  242.  
  243. #sidebar img {
  244. margin-top:220px;
  245. margin-left:250px;
  246. border: 1px
  247. solid {color:Border Image};
  248. width:100px;
  249. height:100px;
  250. padding:0px;
  251.  
  252.  
  253.  
  254.  
  255.  
  256. }
  257.  
  258. #sidebar img:hover {
  259. opacity:0.7;
  260. -moz-transition-duration:0.6s;
  261. -webkit-transition-duration:0.6s;
  262. -o-transition-duration:0.6s;
  263. }
  264.  
  265. /* --- TITLE ---*/
  266.  
  267. #title {
  268. position:fixed;
  269. margin-left:-5px;
  270. margin-top:20px;
  271. top:60px;
  272. font-size:18px;
  273. font-family:'Segoe Script';
  274. font-weight:bold;
  275. text-transform:lowercase;
  276. z-index:3;
  277. width:170px;
  278. text-align:right;
  279. color:{color:title};
  280.  
  281. }
  282.  
  283. /* --- DESCRIPTION ---*/
  284.  
  285. #description {
  286. width:120px;
  287. height:100px;
  288. margin-left:233px;
  289. margin-top:-5px;
  290. text-align:justify;
  291. font-weight:normal;
  292. line-height:110%;
  293. font-family:tahoma;
  294. font-style:normal;
  295. font-size:10px;
  296. padding-top:0px;
  297. padding:9px;
  298. color:{color:Description}
  299.  
  300. }
  301.  
  302.  
  303. /* --- LINKS-NAV ---*/
  304.  
  305. .links {
  306. width:50px;
  307. margin-top:10px;
  308. font-family:calibri;
  309. font-size:9px;
  310. letter-spacing:0px;
  311. text-transform:italic;
  312. font-style:normal;
  313. position:fixed;
  314. text-align:left;
  315. margin-left:80px;
  316. z-index:-10;}
  317.  
  318. .links a{
  319. width:60px;
  320. display:inline-block;
  321. padding:10px;
  322. margin-bottom:5px;
  323. background-color:{color:Links bg};
  324. color:{color:links};}
  325.  
  326. .links a:hover{
  327. background-color:{color:sidebar};
  328.  
  329. }
  330.  
  331.  
  332. /* --- POSTS ---*/
  333.  
  334. #info {
  335. border-top:1px solid #E6E6E6;
  336. width:500px;
  337. padding-top:8px;
  338. font-size:9px;
  339. margin-left:-1px;
  340. font-style:normal;
  341. text-align:left;
  342. -moz-transition-duration:0.5s;
  343. -webkit-transition-duration:0.5s;
  344. -o-transition-duration:0.5s;
  345. }
  346.  
  347. #info a{
  348. margin-top:-20px;
  349. color:{color:info};
  350. }
  351.  
  352. #info a:hover{
  353. color:{color:links};
  354. }
  355.  
  356.  
  357. .tags {
  358. font-family:arial;
  359. width:500px;
  360. line-height:100%;
  361. text-align:left;
  362. padding-top:7px;
  363. text-transform: lowercase;
  364. font-size:9px;
  365. -moz-transition-duration:0.5s;
  366. -webkit-transition-duration:0.5s;
  367. -o-transition-duration:0.5s;
  368. }
  369.  
  370. .tags a {
  371. font-style:italic;
  372. color:{color:info};
  373. margin-right:5px;
  374. line-height:120%;
  375. }
  376.  
  377. .tags a:hover {
  378. text-decoration:underline;
  379. color:{color:info};
  380. }
  381.  
  382. /*NOTES*/
  383. .notes {
  384. background-color:#FFFFFF;
  385. text-transform:normal;
  386. letter-spacing:0px;
  387. font-size:9px;
  388. margin-top:20px;
  389. font-style:normal;
  390. margin-left:-20px;
  391. text-align:left;
  392. line-height:30px;
  393. border-bottom:1px solid #D8D8D8;
  394. }
  395.  
  396. .notes img{
  397. padding:2px;
  398. border:1px solid #eee;
  399. margin-bottom:-4px;
  400. -webkit-transition:all 0.5s ease-in-out;
  401. -moz-transition:all 0.5s ease-in-out;
  402. -o-transition:all 0.5s ease-in-out;
  403. -ms-transition:all 0.5s ease-in-out;
  404. transition:all 0.5s ease-in-out;
  405.  
  406. }
  407.  
  408. .notes img:hover {opacity: 0.6;
  409. -webkit-transition:all 0.5s ease-in-out;
  410. -moz-transition:all 0.5s ease-in-out;
  411. -o-transition:all 0.5s ease-in-out;
  412. -ms-transition:all 0.5s ease-in-out;
  413. transition:all 0.5s ease-in-out;
  414.  
  415. }
  416.  
  417. .credit, .credit a {
  418. width:10px;
  419. height:10px;
  420. bottom:10px;
  421. right:20px;
  422. padding:4px;
  423. font-size:8px;
  424. letter-spacing:0px;
  425. color:#000;
  426. line-height:8px;
  427. position:fixed;
  428. text-align:center;
  429. color:{color:Tags Text Colour};
  430. font-family:arial;
  431. text-transform:uppercase;
  432. background-color:{color:000;};
  433. border:1; solid {color:Border};
  434. -webkit-transition: all 0.5s ease-in-out;
  435. -moz-transition: all 0.5s ease-in-out;
  436. -o-transition: all 0.5s ease-in-out;
  437. transition: all 0.5s ease-in-out;
  438. }
  439.  
  440. .credit a:hover {
  441. -webkit-transition: all 0.5s ease-in-out;
  442. -moz-transition: all 0.5s ease-in-out;
  443. -o-transition: all 0.5s ease-in-out;
  444. transition: all 0.5s ease-in-out;
  445.  
  446. }
  447.  
  448.  
  449. /* --- ASK ---*/
  450.  
  451. .ask {
  452. align:right;background: #eee;
  453. margin:7px 0px 5px 66px;
  454. padding:10px;
  455. position:
  456. relative;-moz-border-radius:5px;
  457. -webkit-border-radius:5px;
  458. border-radius:5px;
  459.  
  460. }
  461. .ask p {
  462. margin:1px 0px;
  463.  
  464. }
  465. .ask span {
  466. display:block;
  467. position:absolute;
  468. width:1px;
  469. height:1px;
  470. font-size: 0;
  471. line-height: 1px;
  472. left:-10px;
  473. top:10px;
  474. border-top:7px solid transparent;
  475. border-bottom:7px solid transparent;
  476. border-right:10px solid #eee;
  477.  
  478. }
  479.  
  480. .askborder {
  481. float: left;
  482. margin: 1px 4px 0 0;
  483. padding: 2px;
  484. background: #eee
  485.  
  486. }
  487.  
  488. #questions {
  489. background-color:{color:info};
  490. color: {color:text};
  491. padding:2px;
  492. margin-top: 6px;
  493. margin-bottom:2px;
  494. font-family:calibri;
  495. font-size:11px;
  496. text-transform:lowercase;
  497. border-bottom:1px {color:text};
  498. text-align:center;
  499.  
  500. }
  501.  
  502. #questions a {color:{color:link}
  503.  
  504. }
  505.  
  506. {CustomCSS}</style>
  507.  
  508.  
  509.  
  510. </div>
  511.  
  512. </head>
  513. <body>
  514. <div id="title">{Title}</div>
  515. <div id="sidebar">
  516. <center>
  517. <img src="{image:sidebar}">
  518. <div class="links">
  519. <a href="/">HOME</a>
  520. <a href="/ask">ASK</a>
  521. <a href="{text:link1 url}">{text:link1}</a>
  522. <a href="{text:link2 url}">{text:link2}</a>
  523. <a href="{text:link3 url}">{text:link3}</a>
  524. <a href="{text:link4 url}">{text:link4}</a>
  525. <a href="{text:link5 url}">{text:link5}</a>
  526.  
  527.  
  528. </div>
  529.  
  530.  
  531. </center>
  532.  
  533. {block:Text}
  534. <h1>{block:Title}{Title}{/block:Title}</h1>
  535. {Body}
  536. {/block:Text}
  537.  
  538. <div id="description">
  539. {description}
  540. </div>
  541. </div>
  542.  
  543. <div id="pagination">
  544. {block:Pagination}
  545. {block:PreviousPage}
  546. <a href="{PreviousPage}">←</a>
  547. {/block:PreviousPage}
  548. {block:JumpPagination length="5"}
  549. {block:CurrentPage}
  550. <span class="current_page">{PageNumber}</span>
  551. {/block:CurrentPage}
  552. {block:JumpPage}
  553. <a class="jump_page" href="{URL}">{PageNumber}</a>
  554. {/block:JumpPage}
  555. {/block:JumpPagination}
  556. {block:NextPage}
  557. <a href="{NextPage}">→</a>
  558. {/block:NextPage}
  559. </div>
  560. {/block:Pagination}</div>
  561. <div id="entries">
  562.  
  563. {block:Posts}
  564.  
  565. <div id="post">
  566.  
  567.  
  568. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  569.  
  570. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  571.  
  572. {block:Photoset}<center>{Photoset-500}</center>
  573. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  574.  
  575.  
  576. {block:Quote}
  577. <h2>{Quote}</h2>
  578. <div align="right">
  579. {block:Source}<h1>-{Source}</h1>{/block:Source}
  580. </div>
  581. {/block:Quote}
  582.  
  583.  
  584. {block:Video}
  585. {Video-400}<br>
  586. {PlayCountWithLabel}
  587. {/block:Video}
  588.  
  589.  
  590. {block:Link}
  591. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a><BR>
  592. {block:Description}{Description}{/block:Description}
  593. {/block:Link}
  594.  
  595. {block:Chat}
  596. {block:Lines}
  597. {block:Label}
  598. <br>{Label}
  599. {/block:Label}
  600. &nbsp;{Line}
  601. {/block:Lines}
  602. {/block:Chat}
  603.  
  604. {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>
  605. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  606. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  607. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  608. {/block:Audio}
  609.  
  610. {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  611.  
  612.  
  613.  
  614. <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>
  615. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  616. {/block:Posts}
  617. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  618. {/block:Posts}</div></div></div>
  619.  
  620.  
  621.  
  622. </div>
  623.  
  624.  
  625.  
  626. </div>
  627. <span class="credit">
  628. <a href="http://Barbie-themes.tumblr.com/" target="_blank" title="Theme By; K A T I A"> CREDIT♥ </a>
  629. </span>
  630. </body>
  631. </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!