API tools faq
paste
TVD-PS

THEME "PRINCESS 2020"

TVD-PS
Apr 24th, 2020
958
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.96 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. THEME: PRINCESS 2020
  14. THEME 2020: @BARBIE-THEMES TUMBLR
  15. +Do not steal the code or take parts of the codes and put them in your own theme.
  16. +do not remove the credit please
  17. creating themes since 2014
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. -->
  26.  
  27. <!DOCTYPE html>
  28.  
  29. <html>
  30.  
  31. <head>
  32.  
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.  
  37. <meta name="viewport" content="width=1366">
  38.  
  39. <meta name="image:Background" content=""/>
  40. <meta name="image:Sidebar" content=""/>
  41.  
  42. <meta name="color:Background" content="#f6f6f6"/>
  43. <meta name="color:Text" content="#808080"/>
  44. <meta name="color:Title" content="#333333"/>
  45. <meta name="color:Description" content="#888888"/>
  46. <meta name="color:bold" content="#dccbe7"/>
  47. <meta name="color:italic" content="#000000"/>
  48.  
  49. <meta name="color:Sidebar" content="#ffffff"/>
  50. <meta name="color:Accent 2" content="#bfbfbf"/>
  51. <meta name="color:Accent 3" content="#ede5f3"/>
  52. <meta name="color:Links" content="#fedbd0"/>
  53.  
  54. <meta name="text:Link 1" content="HOME"/>
  55. <meta name="text:Link 1 URL" content=""/>
  56. <meta name="text:Link 2" content="ASK"/>
  57. <meta name="text:Link 2 URL" content=""/>
  58. <meta name="text:Link 3" content="NAV 1"/>
  59. <meta name="text:Link 3 URL" content=""/>
  60. <meta name="text:Link 4" content="NAV 2"/>
  61. <meta name="text:Link 4 URL" content=""/>
  62.  
  63. <link href="https://fonts.googleapis.com/css?family=Lato|Roboto" rel="stylesheet">
  64. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  65.  
  66.  
  67.  
  68. <style>
  69.  
  70. BLOCKQUOTE {TEXT-ALIGN: JUSTIFY; PADDING: 5PX 7PX 5PX 7PX; BORDER-LEFT: 3PX SOLID {COLOR:LINK}; BORDER-RIGHT: 3PX SOLID {COLOR:LINK}; BACKGROUND: #FAFAFA;BORDER-RADIUS:4PX; COLOR: {COLOR:TEXT}; FONT-FAMILY: TREBUCHET MS; MARGIN: 0;}
  71.  
  72. ::-webkit-scrollbar {
  73. width: 10px;
  74. height: 10px;
  75. }
  76.  
  77. ::-webkit-scrollbar-track {
  78. background: {color:Sidebar};
  79. }
  80.  
  81. ::-webkit-scrollbar-thumb {
  82. background: {color:Links};
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb:hover {
  86. background: {color:Accent 2};
  87. }
  88.  
  89. ::-moz-selection {
  90. color: {color:Sidebar};
  91. background: {color:Links};
  92. }
  93.  
  94. ::selection {
  95. color: {color:Sidebar};
  96. background: {color:Links};
  97. }
  98.  
  99. html {
  100. font-size: 100%;
  101. }
  102.  
  103. body {
  104. word-wrap: break-word;
  105. background-color: {color:Background};
  106. background-image: url('{image:background}');
  107. background-attachment: fixed;
  108. }
  109.  
  110. b {
  111. font-weight:bold;
  112. color:{color:bold};
  113.  
  114. }
  115.  
  116. i {
  117. font-weight:arial;
  118. color:{color:italic};
  119.  
  120. }
  121.  
  122. a {
  123. text-decoration: none;
  124. color: {color:Links};
  125. }
  126.  
  127. a:hover {
  128. color: {color:Accent 2};
  129. }
  130.  
  131. .container {
  132. position: absolute;
  133. margin: 0px 0px 0px 60px;
  134. width: 900px;
  135. padding: 0;
  136. }
  137.  
  138. /*---SIDEBAR---*/
  139.  
  140. .sidebar {
  141. position: fixed;
  142. margin: 80px 0px 0px 0px;
  143. width: 200px;
  144. padding: 0;
  145. }
  146.  
  147. .sidebarimg {
  148. margin: 0;
  149. width: 200px;
  150. max-height: 250px;
  151. padding: 10px;
  152. background: {color:Sidebar};
  153. }
  154.  
  155. /*---MENU---*/
  156.  
  157. .menu {
  158. margin: 13px 0px 0px 0px;
  159. width: 220px;
  160. padding: 0;
  161. border-radius:10px;
  162. }
  163.  
  164. .menu a {
  165. display: inline-block;
  166. margin: -4px 6px 0px 0px;
  167. width: 38px;
  168. padding: 6px 4px;
  169. text-transform: uppercase;
  170. text-align: center;
  171. line-height: 100%;
  172. font-family: calibri;
  173. font-weight: 500;
  174. font-size: 0.625rem;
  175. color: {color:Links};
  176. background: {color:Sidebar};
  177. transition: all 0.6s ease;
  178. border-radius:10px;
  179. }
  180.  
  181. .menu a:hover {
  182. color: {color:Title};
  183. transition: all 0.6s ease;
  184. }
  185.  
  186. /*---SIDEBAR---*/
  187.  
  188. .blogtitle {
  189. margin: 18px 0px 0px 0px;
  190. width: 200px;
  191. padding: 10px 10px 0px 10px;
  192. color: {color:Title};
  193. background: {color:Sidebar};
  194. }
  195.  
  196. .blogtitle h1 {
  197. margin: 0;
  198. padding: 0;
  199. text-decoration: none;
  200. text-transform: uppercase;
  201. line-height: 100%;
  202. font-family: 'Lato', sans-serif;
  203. font-weight: 600;
  204. font-size: 0.8125rem;
  205. }
  206.  
  207. .description {
  208. margin: 0;
  209. width: 200px;
  210. padding: 6px 10px 10px 10px;
  211. color: {color:Description};
  212. background: {color:Sidebar};
  213. }
  214.  
  215. .description p {
  216. margin: 0;
  217. padding: 0;
  218. text-align: justify;
  219. line-height: 150%;
  220. font-family: calibri, sans-serif;
  221. font-weight: 500;
  222. font-size: 0.625rem;
  223. }
  224.  
  225. /*---PAGE---*/
  226.  
  227. .pagination {
  228. margin: -485px 0px 0px 0px;
  229. width: 220px;
  230. padding: 0;
  231. text-align: center;
  232. line-height: 130%;
  233. font-family: calibri;
  234. font-weight: 500;
  235. font-size: 0.8125rem;
  236. color: {color:Text};
  237. }
  238.  
  239. /*---POST---*/
  240.  
  241. .postbox {
  242. position: relative;
  243. margin: 50px 0px 0px 350px;
  244. width: 500px;
  245. padding: 0;
  246. }
  247.  
  248. .post {
  249. margin: 0;
  250. width: 500px;
  251. padding: 35px 25px 25px 25px;
  252. text-align: justify;
  253. line-height: 180%;
  254. font-family: Arial, sans-serif;
  255. font-weight: 500;
  256. font-size: 0.75rem;
  257. color: {color:Text};
  258. background: {color:Sidebar};
  259. }
  260.  
  261. .post blockquote, .posts li, .post img {
  262. max-width: 100%;
  263. }
  264.  
  265. .post blockquote {
  266. margin-left: 10px;
  267. padding-left: 10px;
  268. border-left: 1px;
  269. border-left-style: solid;
  270. border-color: {color:Accent 2};
  271. }
  272.  
  273. .post li {
  274. margin-left: -15px;
  275. }
  276.  
  277. .post img {
  278. opacity: 1.0;
  279. transition: all 1.0s ease;
  280. }
  281.  
  282. article:hover .post img {
  283. opacity: 1.0;
  284. transition: all 1.0s ease;
  285. }
  286.  
  287. {block:PermalinkPage}
  288.  
  289. .post img {
  290. opacity: 1.0;
  291. }
  292.  
  293. {/block:PermalinkPage}
  294.  
  295. .title, .linkpost, .quotepost {
  296. display: block;
  297. margin: 0;
  298. max-width: 100%;
  299. padding: 0;
  300. line-height: 180%;
  301. font-family: 'Lato', sans-serif;
  302. }
  303.  
  304. .title, .linkpost {
  305. text-transform: uppercase;
  306. font-weight: 600;
  307. font-size: 0.9375rem;
  308. }
  309.  
  310. .title {
  311. color: {color:Accent 2};
  312. }
  313.  
  314. .quotepost {
  315. text-transform: none;
  316. font-weight: 500;
  317. font-size: 0.8125rem;
  318. color: {color:Accent 3};
  319. }
  320.  
  321.  
  322. /*---MEDIA---*/
  323.  
  324. .photopost {
  325. opacity: 0.8;
  326. transition: all 0.6s ease;
  327. }
  328.  
  329. article:hover .photopost {
  330. opacity: 1;
  331. transition: all 0.6s ease;
  332. }
  333.  
  334. {block:PermalinkPage}
  335.  
  336. .photopost {
  337. opacity: 1;
  338. }
  339.  
  340. {/block:PermalinkPage}
  341.  
  342. /*---INFO---*/
  343.  
  344. .info {
  345. margin: 0px 0px 50px 0px;
  346. width: 530px;
  347. padding: 10px;
  348. line-height: 130%;
  349. font-family: calibri;
  350. font-weight: 500;
  351. font-size: 0.75rem;
  352. color: {color:Text};
  353. background: {color:Sidebar};
  354. border-top: 1px;
  355. border-top-style: solid;
  356. border-color: {color:Accent 2};
  357. }
  358.  
  359. .buttons {
  360. display: inline-flex;
  361. display: -webkit-inline-flex;
  362. float: right;
  363. }
  364.  
  365. .button {
  366. margin-left: 10px;
  367. }
  368.  
  369. .tagindex, .tagpermalink {
  370. margin: 0;
  371. padding: 5px 0px 0px 0px;
  372. text-align: justify;
  373. line-height: 150%;
  374. font-weight: 500;
  375. font-size: 0.75rem;
  376. }
  377.  
  378. .tagindex {
  379. opacity: 0;
  380. transition: all 0.6s ease;
  381. }
  382.  
  383. article:hover .tagindex {
  384. opacity: 1;
  385. transition: all 0.6s ease;
  386. }
  387.  
  388. .postnotes {
  389. width: 500px;
  390. line-height: 150%;
  391. }
  392.  
  393. ol.notes {
  394. margin-top: 15px;
  395. margin-left: 30px;
  396. padding: 0px;
  397. list-style-type: none;
  398. }
  399.  
  400. ol.notes li.note {
  401. padding: 3px;
  402. }
  403.  
  404. ol.notes li.note img.avatar {
  405. margin-right: 13px;
  406. width: 16px;
  407. height: 16px;
  408. vertical-align: -4px;
  409. }
  410.  
  411. ol.notes li.note blockquote {
  412. margin: 5px 0px;
  413. padding-left: 5px;
  414. border-left: 1px;
  415. border-left-style: solid;
  416. border-color: {color:Accent 2};
  417. }
  418.  
  419. .credit, .credit a {
  420. width:30px;
  421. height:10px;
  422. bottom:10px;
  423. right:20px;
  424. padding:4px;
  425. font-size:8px;
  426. letter-spacing:0px;
  427. color:#000;
  428. line-height:8px;
  429. position:fixed;
  430. text-align:center;
  431. color:{color:Tags Text Colour};
  432. font-family:arial;
  433. text-transform:uppercase;
  434. background-color:{color:000;};
  435. border:1; solid {color:Border};
  436. -webkit-transition: all 0.5s ease-in-out;
  437. -moz-transition: all 0.5s ease-in-out;
  438. -o-transition: all 0.5s ease-in-out;
  439. transition: all 0.5s ease-in-out;
  440. }
  441.  
  442. .credit a:hover {
  443. -webkit-transition: all 0.5s ease-in-out;
  444. -moz-transition: all 0.5s ease-in-out;
  445. -o-transition: all 0.5s ease-in-out;
  446. transition: all 0.5s ease-in-out;
  447.  
  448. }
  449.  
  450. </style>
  451.  
  452. </head>
  453.  
  454.  
  455. <body>
  456.  
  457. <!---BASIC--->
  458.  
  459. <div class="container">
  460.  
  461. <!---SIDEBAR--->
  462.  
  463. <div class="sidebar">
  464.  
  465. <header>
  466.  
  467. <img class="sidebarimg" src="{image:Sidebar}">
  468.  
  469. <!---MENU--->
  470.  
  471. <nav class="menu">
  472. <a href="/">{text:Link 1}</a>
  473. <a href="/ask">{text:Link 2}</a>
  474. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  475. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  476. </nav>
  477.  
  478. <!---SIDEBAR--->
  479.  
  480. <div class="blogtitle"><h1>{Title}</h1></div>
  481.  
  482. <div class="description"><p>{Description}</p></div>
  483.  
  484. </header>
  485.  
  486. <!---PAGE--->
  487.  
  488. {block:Pagination}
  489.  
  490. <nav class="pagination">
  491. {block:PreviousPage}
  492. <a href="{PreviousPage}"><i class="fa fa-long-arrow-left"></i></a>
  493. {/block:PreviousPage}
  494. {CurrentPage} / {TotalPages}
  495. {block:NextPage}
  496. <a href="{NextPage}"><i class="fa fa-long-arrow-right"></i></a>
  497. {/block:NextPage}
  498. </nav>
  499.  
  500. {/block:Pagination}
  501.  
  502. {block:PermalinkPagination}
  503.  
  504. <nav class="pagination">
  505. {block:NextPost}
  506. <a href="{NextPost}"><i class="fa fa-long-arrow-left"></i></a>
  507. {/block:NextPost}
  508. {block:PreviousPost}
  509. <a href="{PreviousPost}"><i class="fa fa-long-arrow-right"></i></a>
  510. {/block:PreviousPost}
  511. </nav>
  512.  
  513. {/block:PermalinkPagination}
  514.  
  515. </div> <!--sidebar-->
  516.  
  517. <!---POST--->
  518.  
  519. <main>
  520.  
  521. <div class="postbox">
  522.  
  523. {block:TagPage}
  524.  
  525. <header>
  526. <div class="post">
  527. <h1 class="title">TAGGED POSTS</h1>
  528. <p>{lang:Showing TagResultCount posts tagged Tag}.</p>
  529. </div>
  530. <div class="info"></div>
  531. </header>
  532.  
  533. {/block:TagPage}
  534.  
  535. {block:Posts}
  536.  
  537. <article>
  538.  
  539. <div class="post">
  540.  
  541. {block:Text}
  542. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}{Body}
  543. {/block:Text}
  544.  
  545. {block:Link}
  546. <a href="{URL}"><h1 class="linkpost">{Name}</h1></a>
  547. {block:Description}{Description}{/block:Description}
  548. {/block:Link}
  549.  
  550. {block:Quote}
  551. <div class="quotepost">“ {Quote} ”</div>
  552. {block:Source}— {Source}{/block:Source}
  553. {/block:Quote}
  554.  
  555. {block:Answer}
  556. <br>
  557. <div style="border-radius:5px; border: 1px double #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  558. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ccc; border-radius: 15px;"/>
  559. <askk>{Asker}</askk>: {Question}<br></div>
  560. <div style="font-family: arial; font-size: 12px;">
  561. {Answer}
  562. </div>
  563. {/block:Answer}
  564.  
  565.  
  566. {block:Chat}
  567. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  568. {block:Lines}<div class="chatpost">
  569. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  570. </div>{/block:Lines}
  571. {/block:Chat}
  572.  
  573. <!---MEDIA--->
  574.  
  575. {block:Photo}
  576. {Linkopentag}<div class="photopost"><img src="{PhotoURL-500}">
  577. </div>{Linkclosetag}
  578. {block:Caption}{Caption}{/block:Caption}
  579. {/block:Photo}
  580.  
  581. {block:Photoset}
  582. <div class="photopost">{Photoset}</div>
  583. {block:Caption}{Caption}{/block:Caption}
  584. {/block:Photoset}
  585.  
  586. {block:Panorama}
  587. {LinkOpenTag}<div class="photopost"><img src="{PhotoURL-Panorama}">
  588. </div>{LinkCloseTag}
  589. {block:Caption}{Caption}{/block:Caption}
  590. {/block:Panorama}
  591.  
  592. {block:Video}
  593. {Video-500}
  594. {block:Caption}{Caption}{/block:Caption}
  595. {/block:Video}
  596.  
  597. {block:Audio}
  598. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  599. {block:Caption}{Caption}{/block:Caption}
  600. {/block:Audio}
  601.  
  602. </div> <!--post-->
  603.  
  604. <!---INFO--->
  605.  
  606. <div class="info">
  607.  
  608. {block:IndexPage}
  609.  
  610. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  611.  
  612. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  613.  
  614. <div class="buttons">
  615. <span class="button">{ReblogButton color="grey" size="15"}</span>
  616. <span class="button">{LikeButton color="grey" size="15"}</span>
  617. </div>
  618.  
  619. {block:HasTags}<div class="tagindex">
  620. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  621. </div>{/block:HasTags}
  622.  
  623. {/block:IndexPage}
  624.  
  625. {block:PermalinkPage}
  626.  
  627. {block:Date}{TimeAgo}{/block:Date}
  628.  
  629. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  630.  
  631. <div class="buttons">
  632. <span class="button">{ReblogButton color="grey" size="15"}</span>
  633. <span class="button">{LikeButton color="grey" size="15"}</span>
  634. </div>
  635.  
  636. {block:HasTags}<div class="tagpermalink">
  637. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  638. </div>{/block:HasTags}
  639.  
  640. {block:PostNotes}<div class="postnotes">{PostNotes}
  641. </div>{/block:PostNotes}
  642.  
  643. {/block:PermalinkPage}
  644.  
  645. </div> <!--info-->
  646.  
  647. </article>
  648.  
  649. {/block:Posts}
  650.  
  651. </div> <!--postbox-->
  652.  
  653. </main>
  654.  
  655. </div> <!--container-->
  656.  
  657. </div>
  658. <span class="credit">
  659. <a href="http://barbie-themes.tumblr.com/" target="_blank" title="Theme By; BARBIE THEMES 2020"> CREDIT BARBIETHEMES </a>
  660. </span>
  661. </body>
  662. </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!