API tools faq
paste
TVD-PS

THEME "ARQUELINA"

TVD-PS
Apr 25th, 2020
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 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: ARQUELINA 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.  
  28. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30.  
  31.  
  32. <head>
  33.  
  34. <title>{title}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{favicon}" />
  37.  
  38. <meta name="image:background" content=""/>
  39. <meta name="image:avatar" content="https://imagizer.imageshack.com/img923/4166/Eh7dM3.jpg"/>
  40.  
  41. <meta name="color:background" content="#f6f6f6"/>
  42. <meta name="color:body font" content="#888888"/>
  43. <meta name="color:sidebar" content="#fff"/>
  44. <meta name="color:links" content="#f6d9d3"/>
  45. <meta name="color:links hover" content="#fff"/>
  46. <meta name="color:Links Background" content="#000"/>
  47. <meta name="color:bold text" content="#f6d9d3"/>
  48. <meta name="color:italic text" content="#000"/>
  49. <meta name="color:selection" content="#cccccc"/>
  50. <meta name="color:scrollbar" content="f6d9d3"/>
  51. <meta name="color:accent" content="f6d9d3"/>
  52. <meta name="color:borders" content="#eee"/>
  53.  
  54. <meta name="if:avatar" content="1"/>
  55. <meta name="if:square avatar" content="0"/>
  56.  
  57. <meta name="select:font" content="open sans" title="open sans"/>
  58. <meta name="select:font" content="arial" title="arial"/>
  59. <meta name="select:font" content="calibri" title="calibri"/>
  60. <meta name="select:font" content="verdana" title="verdana"/>
  61.  
  62. <meta name="select:font size" content="10px" title="10px"/>
  63. <meta name="select:font size" content="11px" title="11px"/>
  64. <meta name="select:font size" content="12px" title="12px"/>
  65.  
  66. <meta name="select:post size" content="250" title="250px"/>
  67. <meta name="select:post size" content="300" title="300px"/>
  68. <meta name="select:post size" content="350" title="350px"/>
  69. <meta name="select:post size" content="400" title="400px"/>
  70. <meta name="select:post size" content="450" title="450px"/>
  71. <meta name="select:post size" content="500" title="500px"/>
  72.  
  73. <meta name="select:sidebar width" content="150" title="150px"/>
  74. <meta name="select:sidebar width" content="175" title="175px"/>
  75. <meta name="select:sidebar width" content="200" title="200px"/>
  76. <meta name="select:sidebar width" content="225" title="225px"/>
  77. <meta name="select:sidebar width" content="250" title="250px"/>
  78. <meta name="select:sidebar width" content="275" title="275px"/>
  79. <meta name="select:sidebar width" content="300" title="300px"/>
  80.  
  81. <meta name="select:avatar width" content="100" title="100px"/>
  82. <meta name="select:avatar width" content="150" title="150px"/>
  83. <meta name="select:avatar width" content="200" title="200px"/>
  84.  
  85.  
  86. <meta name="text:Link 3" content="link 3"/>
  87. <meta name="text:Link 3 URL" content="/"/>
  88. <meta name="text:Link 4" content="link 4"/>
  89. <meta name="text:Link 4 URL" content="/"/>
  90. <meta name="text:Link 5" content="link 5"/>
  91. <meta name="text:Link 5 URL" content="/"/>
  92.  
  93.  
  94. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  95. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  96. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  97.  
  98. <script>
  99. $(document).ready(function(){
  100. $('.photo-slideshow').pxuPhotoset({
  101. lightbox: true,
  102. rounded: false,
  103. gutter: '4px',
  104. borderRadius: '0px',
  105. photoset: '.photo-slideshow',
  106. photoWrap: '.photo-data',
  107. photo: '.pxu-photo'
  108. });
  109. });
  110. </script>
  111.  
  112.  
  113. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  114.  
  115.  
  116. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
  117.  
  118. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  119.  
  120.  
  121. <style type="text/css">
  122.  
  123. 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;}
  124.  
  125. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  126. z-index:999999999!important;
  127. right:3px;
  128. margin-top:3px;
  129. -webkit-filter:invert(100%);
  130. -moz-filter:invert(100%);
  131. -filter:invert(100%);
  132. -webkit-transition: all 0.4s linear;
  133. -moz-transition: all 0.4s linear;
  134. transition: all 0.4s linear;
  135. }
  136.  
  137. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  138. opacity:1;
  139. }
  140.  
  141. .vignette, #vignette {
  142. opacity:0;
  143. }
  144. .lightbox-image, #tumblr_lightbox img {
  145. box-shadow:none !important;
  146. border-radius:0 !important;
  147. max-width:none;
  148. }
  149.  
  150. .tmblr-lightbox, #tumblr_lightbox {
  151. background-color:rgba(255,255,255,0.85) !important;
  152. }
  153.  
  154. body{
  155. margin:0px;
  156. padding:0px;
  157. font-family: {select:font}, arial, sans serif;
  158. font-size:{select:font size};
  159. line-height:150%;
  160. color:{color:body font};
  161. background:{color:background} url('{image:background}');
  162. background-attachment:fixed;
  163. }
  164. b, strong{
  165. color:{color:bold text};
  166. }
  167.  
  168.  
  169. i {
  170. font-weight:arial;
  171. color:{color:italic text};
  172.  
  173. }
  174.  
  175. a{
  176. color:{color:links};
  177. text-decoration:none;
  178. }
  179.  
  180. a:hover{
  181. color:{color:links hover};
  182. -moz-transition-duration: 0.5s;
  183. -o-transition-duration: 0.5s;
  184. -webkit-transition-duration: 0.5s;
  185. transition-duration: 0.5s;
  186. }
  187.  
  188. h2{
  189. font-size:20px;
  190. margin:0px;
  191. }
  192.  
  193. blockquote{
  194. margin:10px 0;
  195. padding:0 0 0 10px;
  196. border-left:1px solid {color:body font};
  197. }
  198.  
  199. underlined{
  200. border-bottom:1px solid {color:body font};
  201. }
  202.  
  203. pre{
  204. overflow:auto;
  205. background-color:#eee;
  206. display:block;
  207. padding:5px;
  208. }
  209.  
  210. .credit, .credit a {
  211. width:30px;
  212. height:10px;
  213. bottom:10px;
  214. right:20px;
  215. padding:4px;
  216. font-size:8px;
  217. letter-spacing:0px;
  218. color:#000;
  219. line-height:8px;
  220. position:fixed;
  221. text-align:center;
  222. color:{color:Tags Text Colour};
  223. font-family:arial;
  224. text-transform:uppercase;
  225. background-color:{color:000;};
  226. border:1; solid {color:Border};
  227. -webkit-transition: all 0.5s ease-in-out;
  228. -moz-transition: all 0.5s ease-in-out;
  229. -o-transition: all 0.5s ease-in-out;
  230. transition: all 0.5s ease-in-out;
  231. }
  232.  
  233. .credit a:hover {
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. transition: all 0.5s ease-in-out;
  238.  
  239. }
  240.  
  241. ::-webkit-scrollbar-thumb:vertical {
  242. background-color: {color:scrollbar};
  243. height:auto;
  244. }
  245.  
  246.  
  247. ::-webkit-scrollbar-thumb:horizontal {
  248. background:url('{image:scrollbar}');
  249. height:6px;
  250. }
  251.  
  252. ::-webkit-scrollbar {
  253. height:6px;
  254. width:6px;
  255. background:url('{image:scrollbar}');
  256. }
  257.  
  258. ::selection {
  259. background-color:{color:selection};
  260. color:white;}
  261.  
  262. #wrapper{
  263. width:calc({select:post size}px + 100px + {select:sidebar width}px + 30px);
  264. min-width:500px;
  265. margin:0 auto;
  266. }
  267.  
  268. #sidebar{
  269. width:{select:sidebar width}px;
  270. padding:5px;
  271. position:fixed;
  272. background: {color:Sidebar};
  273. border:1px solid {color:borders};
  274. text-align:center;
  275. width:150px;
  276.  
  277. }
  278.  
  279. #avi{
  280. margin-bottom:10px;
  281. border:1px;
  282. }
  283.  
  284. #avi img{
  285. max-width:{select:avatar width}px;
  286. {block:ifsquareavatar}
  287. border-radius:5px;
  288. {block:ifsquareavatar}
  289. {block:ifnotsquareavatar}
  290. border-radius:100%;
  291. {/block:ifnotsquareavatar}
  292. margin-top:-50px;
  293. border:5px solid {color:borders};
  294. }
  295.  
  296. #lnks{
  297. margin-bottom:5px;
  298. background: {color:Links Background};
  299. padding:2px;
  300. border-radius:10px;
  301. font-family: calibri;
  302. text-transform:uppercase;
  303. }
  304.  
  305. #lnks a{
  306. margin:5px;
  307. font-weight:bold;
  308.  
  309. }
  310.  
  311. #lnks a:hover{
  312. border:1px solid {color:borders};
  313. }
  314.  
  315. #postcont{
  316. margin-left:calc({select:Sidebar width}px + 88px);
  317. margin-top:100px;
  318. }
  319.  
  320. #post{
  321. width:{select:post size}px;
  322. margin:0 auto;
  323. border:1px solid {color:borders};
  324. padding:10px;
  325. margin-bottom:80px;
  326. margin-top:40px;
  327. background:#fff;
  328. overflow:hidden;
  329. }
  330. #post img{
  331. max-width:100%;
  332. height:auto;
  333. }
  334.  
  335. #post img:hover{
  336. opacity:1;
  337. -webkit-transition: all 0.6s ease-in-out;
  338. -moz-transition: all 0.6s ease-in-out;
  339. -o-transition: all 0.6s ease-in-out;
  340. -ms-transition: all 0.6s ease-in-out;
  341. transition: all 0.6s ease-in-out;
  342. }
  343.  
  344. #quote{
  345. text-align:center;
  346. font-size:20px;
  347. line-height:150%;
  348. }
  349.  
  350. #q{
  351. width:calc({select:post size}px - 50px);
  352. margin-left:50px;
  353. }
  354.  
  355. #qimg{
  356. position:absolute;
  357. }
  358.  
  359. #qimg img{
  360. border-radius:5px;
  361. }
  362.  
  363. #link{
  364. background-color:{color:Accent};
  365. color:#fff;
  366. padding:5px;
  367. border-radius:5px;
  368. }
  369.  
  370. #link h2{
  371. font-size:17px;
  372. }
  373.  
  374. #link a{
  375. color:#fff;
  376. }
  377.  
  378. #link a:hover{
  379. color:rgba(255,255,255,0.5);
  380. }
  381.  
  382. #linkdesc{
  383. padding-top:5px;
  384. }
  385.  
  386. #audio{
  387. padding:5px;
  388. width:295px;
  389. margin-bottom:5px;
  390. float:left;
  391. }
  392.  
  393. #audioimg{
  394. max-width:150px;
  395. float:left;
  396. }
  397.  
  398. #audiotxt{
  399. float:left;
  400. }
  401.  
  402. .vd {
  403. overflow:hidden
  404. }
  405.  
  406. .video {
  407. position: relative;
  408. padding-bottom: 56.25%;
  409. padding-top: 25px;
  410. height: 0;
  411. }
  412.  
  413. .video iframe{
  414. position: absolute;
  415. width: 100%;
  416. height: 100%;
  417. overflow:hidden;
  418. top: 0;
  419. left: 0;
  420. }
  421.  
  422. #info{
  423. margin-top:10px;
  424.  
  425. }
  426.  
  427. #info a{
  428. padding: 0px 4px;
  429. background:#fff;
  430. border-radius:5px;
  431. margin:0px 0px 15px 0px;
  432. color:{color:accent};
  433. border:1px solid {color:accent};
  434. }
  435.  
  436. #info a:hover{
  437. background-color:#000;
  438. border:1px solid {color:accent};
  439. color:{color:accent};
  440. }
  441.  
  442. #tags{
  443. background:#fff;
  444. width:400px;
  445. color:#999;
  446. font-style:italic;
  447. margin-top:3px;
  448. }
  449.  
  450. #tags a{
  451. color:{color:body font};
  452. padding-right:5px;
  453. text-decoration:none;
  454. }
  455.  
  456. #note{
  457. width:400px;
  458. margin:0 auto;
  459. padding:5px;
  460. background:#fff;
  461. color:{color:body text};
  462. }
  463. .notes img{width:20px; position:relative; top:1px; padding-right:5px;}
  464. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  465.  
  466. #pagi{
  467. width:400px;
  468. padding:5px;
  469. margin:0 auto;
  470. margin-top:50px;
  471. margin-bottom:50px;
  472. overflow:hidden;
  473. text-align:center;
  474. }
  475. #pagi a{
  476. padding-left:5px;
  477. padding-right:5px;
  478. color:#fff;
  479. border-radius:3px;
  480. margin:3px;
  481. background-color:{color:accent};
  482. }
  483.  
  484. #pagi a:hover{
  485. background-color:#fff;
  486. color:{color:accent};
  487. }
  488.  
  489. .current_page{
  490. padding-left:5px;
  491. padding-right:5px;
  492. border-radius:3px;
  493. background-color:#fff;
  494. color:{color:accent};
  495. border:1px solid {color:accent};
  496. }
  497.  
  498.  
  499. {CustomCSS}
  500. </style>
  501. </head>
  502. <body>
  503.  
  504. <div id="wrapper">
  505. <div id="sidebar">
  506. {block:ifavatar}
  507. <div id="avi"> <a href="/" title="{title}"><img src="{image:avatar}"></a> </div>
  508. {/block:ifavatar}
  509. <div id="lnks">
  510. <a href="/">01.HOME</a>
  511. <a href="/ask">02.ASK</a>
  512. <a href="{text:link 3 url}">03.{text:link 3}</a>
  513. <a href="{text:link 4 url}">04.{text:link 4}</a>
  514. <a href="{text:link 5 url}">05.{text:link 5}</a>
  515. </div>
  516. {description}
  517. </div> <!-- sidebar -->
  518.  
  519. <div id="postcont">
  520. {block:Posts}
  521. <div id="post">
  522.  
  523. {block:Text}
  524. {block:Title}<h2>{Title}</h2>{/block:Title}
  525. {Body}
  526. {/block:Text}
  527.  
  528. {block:Photo}
  529. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  530. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  531. {/block:Photo}
  532.  
  533. {block:Photoset}
  534. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  535. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  536. {/block:Photoset}
  537.  
  538. {block:Quote}
  539. <div class="quotepost">“ {Quote} ”</div>
  540. {block:Source}— {Source}{/block:Source}
  541. {/block:Quote}
  542.  
  543. {block:Link}
  544. <div id="link">
  545. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  546. <div id="linkdesc">
  547. {block:Excerpt}{Excerpt}{/block:Excerpt}
  548. </div>
  549. </div>
  550. {block:Description}{Description}{/block:Description}
  551. {/block:Link}
  552.  
  553. {block:Chat}
  554. {block:Title}<h2>{Title}</h2>{/block:Title}
  555. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  556. {/block:Chat}
  557.  
  558. {block:Audio}
  559. <div style="height: 100px">{AudioEmbed-400}</div>
  560. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  561. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  562. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}
  563.  
  564. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  565. {/block:Audio}
  566.  
  567. {block:Video}
  568. <div class="video">{Video-500}</div>
  569. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  570. {/block:Video}
  571.  
  572. {block:Answer}
  573. <br>
  574. <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;">
  575. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ccc; border-radius: 15px;"/>
  576. <askk>{Asker} asked</askk>: {Question}<br></div>
  577. <div style="font-family: arial; font-size: 12px;">
  578. {Answer}
  579. </div>
  580. {/block:Answer}
  581.  
  582.  
  583. {block:IndexPage}
  584. <div id="info">
  585. {block:date}
  586. <a href="{permalink}">{month} {dayofmonthwithzero}{dayofmonthsuffix}</a>
  587. {/block:date}
  588. {block:notecount}
  589. <a href="{permalink}">+{notecount}</a>
  590. {/block:notecount}
  591.  
  592. <a style="float:right" href="{ReblogURL}" target="_blank" title="reblog?"><span class="sf sf-reblog"></span></a>
  593. </div>
  594. {block:HasTags}
  595. <div id="tags">
  596. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  597. </div>
  598. {/block:HasTags}
  599. {/block:IndexPage}
  600.  
  601. {block:PermalinkPage}
  602. <br><br>
  603. {block:Date}
  604. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  605. {/block:Date} <br>
  606. {block:NoteCount}
  607. <b>Notes:</b> {NoteCount}<br>
  608. {/block:NoteCount}
  609. {block:HasTags}
  610. <b>Tags</b>
  611. {block:Tags}
  612. <a href="{TagURL}">#{tag}</a>
  613. {/block:Tags}<br>
  614. {/block:HasTags}
  615. {block:RebloggedFrom}
  616. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  617. {block:ContentSource}
  618. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  619. {/block:ContentSource}
  620. {/block:RebloggedFrom}
  621. </div>
  622. {/block:PermalinkPage}
  623.  
  624. {block:PermalinkPage}
  625. {block:PostNotes}
  626. {block:NoteCount}
  627. <div id="note">
  628. {PostNotes}
  629. </div>
  630. {/block:NoteCount}
  631. {/block:PostNotes}
  632. {/block:permalinkpage}
  633. </div>
  634. {/block:Posts}
  635.  
  636. {block:indexpage}
  637. {block:Pagination}
  638. <div id="pagi">
  639. {block:PreviousPage}
  640. <a href="{PreviousPage}"><</a>
  641. {/block:PreviousPage}
  642.  
  643. {block:JumpPagination length="3"}
  644. {block:CurrentPage}
  645. <span class="current_page">{PageNumber}</span>
  646. {/block:CurrentPage}
  647.  
  648. {block:JumpPage}
  649. <a class="jump_page" href="{URL}">{PageNumber}</a>
  650. {/block:JumpPage}
  651. {/block:JumpPagination}
  652.  
  653. {block:NextPage}
  654. <a href="{NextPage}">></a>
  655. {/block:NextPage}
  656.  
  657. </div>
  658. {/block:Pagination}
  659. {/block:indexpage}
  660.  
  661. </div>
  662. </div>
  663.  
  664. <span class="credit">
  665. <a href="http://barbie-themes.tumblr.com/" target="_blank" title="Theme By; BARBIE THEMES 2020"> CREDIT BTHEMES </a>
  666. </span>
  667. </body>
  668. </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!