API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 23rd, 2017
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.63 KB | None | 0 0
raw download clone embed print report
  1. \<!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @rpjustxce.tumblr.com
  6. --------------------------
  7. THEME 01: WANDERER --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{text:browser title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="color:background" content="#545454"/>
  28. <meta name="color:title" content="#9a9a9a"/>
  29. <meta name="color:body" content="#bbb"/>
  30. <meta name="color:containerbg" content="#545454"/>
  31. <meta name="color:description" content="#7e7e7e"/>
  32. <meta name="color:posttitle" content="#bbb"/>
  33. <meta name="color:blockquote" content="#4c4c4c"/>
  34. <meta name="color:bold" content="#182d3c" />
  35. <meta name="color:italic" content="#fff" />
  36. <meta name="color:link" content="#839fb0"/>
  37. <meta name="color:link hover" content="#cbcbcb"/>
  38. <meta name="color:navlink" content="#2b5d6d"/>
  39. <meta name="color:navlink hover" content="#ddd"/>
  40. <meta name="color:permalink" content="#818181" />
  41. <meta name="color:permalink hover" content="#ffffff" />
  42. <meta name="color:tags" content="#636363" />
  43. <meta name="color:tags hover" content="#fff" />
  44. <meta name="color:pagination" content="#979797"/>
  45. <meta name="color:pagination hover" content="#e2e2e2"/>
  46. <meta name="color:tooltiptext" content="#fff"/>
  47.  
  48. <meta name="image:portrait" content="" />
  49. <meta name="image:background" content="http://static.tumblr.com/poesisw/n1qoopvbq/wandererbg.png" />
  50.  
  51. <meta name="if:portrait" content="1"/>
  52.  
  53. <meta name="text:browser title" content="wanderer"/>
  54. <meta name="text:font size" content="11px" />
  55.  
  56. <meta name="text:link 1" content="">
  57. <meta name="text:link 1 url" content="">
  58. <meta name="text:link 2" content="">
  59. <meta name="text:link 2 url" content="">
  60. <meta name="text:link 3" content="">
  61. <meta name="text:link 3 url" content="">
  62. <meta name="text:link 4" content="">
  63. <meta name="text:link 4 url" content="">
  64.  
  65. <meta name="text:side link 1" content="one">
  66. <meta name="text:side link 1 url" content="/">
  67. <meta name="text:side link 2" content="two">
  68. <meta name="text:side link 2 url" content="/">
  69. <meta name="text:side link 3" content="three">
  70. <meta name="text:side link 3 url" content="/">
  71.  
  72. <!-- scripts -->
  73.  
  74. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  75.  
  76. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  77.  
  78. <script>
  79. (function($){
  80. $(document).ready(function(){
  81. $("a[title]").style_my_tooltips({
  82. tip_follows_cursor:true,
  83. tip_delay_time:90,
  84. tip_fade_speed:600,
  85. attribute:"title"
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Poiret+One" rel="stylesheet">
  92.  
  93. </script>
  94.  
  95. </head>
  96.  
  97. <style type="text/css">
  98.  
  99. /*animation key frames*/
  100. /*grow*/
  101. @-webkit-keyframes grow {
  102. from { transform: none; }
  103. 50% { transform: scale(1.3); }
  104. to { transform: none; }}
  105. }
  106.  
  107. @-moz-keyframes grow {
  108. from { transform: none; }
  109. 50% { transform: scale(1.3); }
  110. to { transform: none; }
  111. }
  112.  
  113. @-o-keyframes grow {
  114. from { transform: none; }
  115. 50% { transform: scale(1.3); }
  116. to { transform: none; }
  117. }
  118.  
  119. @keyframes grow {
  120. from { transform: none; }
  121. 50% { transform: scale(1.3); }
  122. to { transform: none; }
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. width: 2px;
  127. height: 2px;
  128. }
  129. ::-webkit-scrollbar-button {
  130. width: 5px;
  131. height: 0px;
  132. }
  133. ::-webkit-scrollbar-thumb {
  134. background: {color:scroll};
  135. border: 0px none #ffffff;
  136. border-radius: 0px;
  137. }
  138. ::-webkit-scrollbar-track {
  139. background: {color:track};
  140. border: 0px none #ffffff;
  141. border-radius: 2px;
  142. }
  143. ::-webkit-scrollbar-corner {
  144. background: transparent;
  145. }
  146.  
  147. body {
  148. background-color:{color:background};
  149. font-family:arial;
  150. font-size: {text:font size};
  151. color:{color:body};
  152. background-image:url('{image:background}');
  153. background-position: left;
  154. background-repeat:no-repeat;
  155. background-attachment:fixed;
  156. }
  157.  
  158. a {
  159. text-decoration:none;
  160. color:{color:link};
  161. -webkit-transition: all 0.7s ease;
  162. -moz-transition: all 0.7s ease;
  163. -o-transition: all 0.7s ease;
  164. }
  165.  
  166. a:hover {
  167. color:{color:link hover};
  168. }
  169.  
  170. b, strong {
  171. color:{color:bold};
  172. text-transform:uppercase;
  173. font-family: 'Poiret One', cursive;
  174. font-size:15px;
  175. }
  176.  
  177. i, em {
  178. color:{color:italic};
  179. text-transform:lowercase;
  180. font-family: 'Dancing Script', cursive;
  181. letter-spacing:1px;
  182. text-shadow:0 0 2px #000, 0 0 10px #fff;
  183. }
  184.  
  185. blockquote {
  186. padding:2px 7px;
  187. margin:3px 0 3px 8px;
  188. border-left:3px solid {color:blockquote};
  189. }
  190.  
  191. blockquote img {
  192. max-width:100%;
  193. height:auto;
  194. }
  195.  
  196. img {
  197. max-width: 100%;
  198. }
  199.  
  200. h1 {
  201. font-family: 'Dancing Script', cursive;
  202. text-transform:uppercase;
  203. }
  204.  
  205. h2 {
  206. color:{color:posttitle};
  207. font-family: 'Poiret One', cursive;
  208. text-transform:lowercase;
  209. letter-spacing:2px;
  210. }
  211.  
  212. .title {
  213. font-family: 'Dancing Script', cursive;
  214. font-style: italic;
  215. text-transform:lowercase;
  216. font-size:70px;
  217. color:{color:title};
  218. text-align: right;
  219. text-shadow: 0 0 5px #444, -1px -2px 10px #666;
  220. }
  221.  
  222. /* customization for the title */
  223.  
  224. #titlecontainer {
  225. position:fixed;
  226. background-color:transparent;
  227. left:180px;
  228. height:350px;
  229. width:530px;
  230. top:75px;
  231. padding:10px;
  232. }
  233.  
  234. #header1 {
  235. font-style: italic;
  236. color:#a9a9a9;
  237. opacity:.7;
  238. text-align: bottom right;
  239. }
  240.  
  241. #header1 a {
  242. color:{color:title};
  243. }
  244.  
  245. #container {
  246. position:fixed;
  247. background:{color:containerbg};
  248. border:1px solid #666;
  249. left:443px;
  250. height:350px;
  251. overflow-y:scroll;
  252. width:530px;
  253. top:200px;
  254. padding: 10px;
  255. }
  256.  
  257. /* all the post info */
  258.  
  259. .posts {
  260. width:500px;
  261. padding:10px;
  262. margin-bottom:30px;
  263. }
  264.  
  265. .permalinks {
  266. background:{color:blockquote};
  267. color:{color:permalink};
  268. padding:10px;
  269. height:15px;
  270. text-transform:uppercase;
  271. }
  272.  
  273. .permalinks a {
  274. text-decoration:none;
  275. text-shadow:none;
  276. font-size: 9px;
  277. color:{color:permalink};
  278. }
  279.  
  280. .permalinks a:hover {
  281. color:{color:permalink hover};
  282. }
  283.  
  284. .date {
  285. float:left;
  286. }
  287.  
  288. .reblogs {
  289. float:right;
  290. }
  291.  
  292. {block:PermalinkPage}
  293. .tags {
  294. text-align:center;
  295. }
  296.  
  297. .tags a {
  298. text-decoration:none;
  299. font-size: 8px;
  300. text-transform:uppercase;
  301. color:{color:tags};
  302. }
  303.  
  304. .tags a:hover {
  305. color:{color:tags hover};
  306. }
  307. {/block:PermalinkPage}
  308.  
  309. /* sidebar stuff */
  310.  
  311. #sidebar {
  312. position:fixed;
  313. left:1010px;
  314. top:200px;
  315. height:370px;
  316. width:150px;
  317. background:{color:containerbg};
  318. border:1px solid #666;
  319. overflow-y:scroll;
  320. background-position: bottom left;
  321. background-repeat:no-repeat;
  322. background-attachment:fixed;
  323. -webkit-transition: all 0.7s ease;
  324. -moz-transition: all 0.7s ease;
  325. -o-transition: all 0.7s ease;
  326. }
  327.  
  328. #sidebar:hover {
  329. opacity:1;
  330. }
  331.  
  332. #description {
  333. font-size:10px;
  334. color:{color:description};
  335. text-shadow: -1px -2px 10px #000;
  336. text-align: center;
  337. padding:10px;
  338. }
  339.  
  340. #sideimage img {
  341. max-width:100px;
  342. max-height:100px;
  343. margin-left:25px;
  344. margin-top:10px;
  345. }
  346.  
  347. #sidelinks {
  348. font-size:12px;
  349. padding:10px;
  350. text-align:center;
  351. margin-left:10px;
  352. }
  353.  
  354. #sidelinks a {
  355. display:block;
  356. text-align:center;
  357. border:1px solid #666;
  358. color:{color:sidelink};
  359. width:100px;
  360. padding:3px;
  361. margin-bottom:5px;
  362. box-shadow: inset 0 0 0 0 #666;
  363. -webkit-transition: all 0.9s ease;
  364. -moz-transition: all 0.9s ease;
  365. -o-transition: all 0.9s ease;
  366. }
  367.  
  368. #sidelinks a:hover {
  369. color:{color:sidelink hover};
  370. box-shadow: inset 110px 0 0 0 #666;
  371. letter-spacing:1px;
  372. box-inset:
  373. }
  374.  
  375. /* customization for the scattered links */
  376.  
  377. #nlinks a {
  378. display:inline-block;
  379. text-shadow: -1px -2px 10px #fff, -1px -2px 10px #666;
  380. color:{color:navlink};
  381. padding-left:10px;
  382. -webkit-filter: blur(1px);
  383. -webkit-transition: all 0.7s ease;
  384. -moz-transition: all 0.7s ease;
  385. -o-transition: all 0.7s ease;
  386. }
  387.  
  388. #nlinks a:hover {
  389. color:{color:navlink hover};
  390. letter-spacing:1px;
  391. -webkit-filter: blur(0px);
  392.  
  393. }
  394.  
  395. #link2 {
  396. position: fixed;
  397. font-size:30px;
  398. margin-left: 510px;
  399. margin-top:570px;
  400. -webkit-animation-name: grow;
  401. -webkit-animation-duration: 3s;
  402. -webkit-animation-iteration-count: infinite;
  403. -webkit-animation-direction: alternate;
  404. -webkit-animation-timing-function: linear;
  405. -webkit-animation-fill-mode: forwards;
  406. -webkit-animation-delay: 0s;
  407. }
  408.  
  409. #link3 {
  410. position: fixed;
  411. font-size:30px;
  412. margin-left: 610px;
  413. margin-top: 570px;
  414. -webkit-animation-name: grow;
  415. -webkit-animation-duration: 3s;
  416. -webkit-animation-iteration-count: infinite;
  417. -webkit-animation-direction: alternate;
  418. -webkit-animation-timing-function: linear;
  419. -webkit-animation-fill-mode: forwards;
  420. -webkit-animation-delay: 0s;
  421. }
  422.  
  423. #link4 {
  424. position: fixed;
  425. font-size:30px;
  426. margin-left: 710px;
  427. margin-top: 570px;
  428. -webkit-animation-name: grow;
  429. -webkit-animation-duration: 3s;
  430. -webkit-animation-iteration-count: infinite;
  431. -webkit-animation-direction: alternate;
  432. -webkit-animation-timing-function: linear;
  433. -webkit-animation-fill-mode: forwards;
  434. -webkit-animation-delay: 0s;
  435. }
  436.  
  437. #link5 {
  438. position: fixed;
  439. font-size:30px;
  440. margin-left: 810px;
  441. margin-top: 570px;
  442. -webkit-animation-name: grow;
  443. -webkit-animation-duration: 3s;
  444. -webkit-animation-iteration-count: infinite;
  445. -webkit-animation-direction: alternate;
  446. -webkit-animation-timing-function: linear;
  447. -webkit-animation-fill-mode: forwards;
  448. -webkit-animation-delay: 0s;
  449. }
  450.  
  451. #link6 {
  452. position: fixed;
  453. font-size:30px;
  454. margin-left: 910px;
  455. margin-top: 570px;
  456. -webkit-animation-name: grow;
  457. -webkit-animation-duration: 3s;
  458. -webkit-animation-iteration-count: infinite;
  459. -webkit-animation-direction: alternate;
  460. -webkit-animation-timing-function: linear;
  461. -webkit-animation-fill-mode: forwards;
  462. -webkit-animation-delay: 0s;
  463. }
  464.  
  465. /* more general stuffs for post and body */
  466.  
  467. #pagination {
  468. text-transform:uppercase;
  469. position:fixed;
  470. width:150px;
  471. height:auto;
  472. font-size:8px;
  473. left:1010px;
  474. top:180px;
  475. text-align:center;
  476. }
  477.  
  478. #pagination a {
  479. color:{color:pagination};
  480. font-size:12px;
  481. opacity: .8;
  482. -webkit-filter: blur(1px);
  483. -webkit-transition: all 0.7s ease;
  484. -moz-transition: all 0.7s ease;
  485. -o-transition: all 0.7s ease;
  486. }
  487.  
  488. #pagination a:hover {
  489. color:{color:pagination hover};
  490. -webkit-filter: blur(0px);
  491. }
  492.  
  493. .asker {
  494. font-size:15px;
  495. font-style: italic;
  496. text-align:center;
  497. border-bottom:1px solid #eee;
  498. margin-bottom:5px;
  499. padding-bottom:3px;
  500. }
  501.  
  502. .question {
  503. font-style: italic;
  504. padding-left:50px;
  505. padding-right:50px;
  506. }
  507.  
  508. .quote {
  509. font-size:13px;
  510. letter-spacing:1px;
  511. text-align:center;
  512. border-bottom:1px solid #eee;
  513. margin-bottom:5px;
  514. padding-bottom:3px;
  515. }
  516.  
  517. .quotesource {
  518. font-size:10px;
  519. letter-spacing:1px;
  520. text-align:center;
  521. margin-bottom:5px;
  522. }
  523.  
  524. /*customization for tooltips */
  525. #s-m-t-tooltip {
  526. max-width:300px;
  527. border-radius: 0px; /*if you want rounded corners*/
  528. padding:5px;
  529. margin:15px 15px 5px 0px;/*how far it appears from link*/
  530. color:{color:tooltiptext};
  531. font-family: 'Cinzel', serif;
  532. font-size:7px;
  533. text-transform:uppercase;
  534. letter-spacing:2px;
  535. font-weight:100;
  536. background:{color:containerbg};
  537. text-shadow:0 0 3px #666;
  538. z-index:99999;/*don't change this*/
  539. }
  540.  
  541. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  542.  
  543. #mycredit {
  544. z-index:8;
  545. bottom:0px;
  546. right:5px;
  547. height:30px;
  548. width:30px;
  549. opacity:0.8;
  550. position:fixed;
  551. padding:5px;}
  552.  
  553. {CustomCSS}
  554. </style></head>
  555.  
  556. <body>
  557. <div id="titlecontainer">
  558. <div id="header1">
  559. <h1 class="title"><a href="/" title="index.">{Title}</a></h1></div></div>
  560. <div id="sidebar">
  561. {block:ifportrait}
  562. <div id="sideimage"><img src="{image:portrait}"></div>{/block:ifportrait}
  563. <div id="description">{Description}</div>
  564.  
  565. <div><div id="sidelinks">
  566. <a href="{text:side link 1 url}">{text:side link 1}</a>
  567. <a href="{text:side link 2 url}">{text:side link 2}</a>
  568. <a href="{text:side link 3 url}">{text:side link 3}</a>
  569. </div></div>
  570.  
  571. <!-- put more links or content here for info sidebar -->
  572.  
  573. </div>
  574.  
  575. <!-- these are for your main links, the little stars. add as many as you like but remember to make a div id for each link up in <style type='text/css'> -->
  576.  
  577. </div><div id="nlinks">
  578. <div id="link2"><a href="/ask" title="messages.">i.</a></div>
  579. <div id="link3"><a href="{text:link 1 url}" title="{text:link 1}">ii.</a></div>
  580. <div id="link4"><a href="{text:link 2 url}" title="{text:link 2}">iii.</a></div>
  581. <div id="link5"><a href="{text:link 3 url}" title="{text:link 3}">iv.</a></div>
  582. <div id="link6"><a href="{text:link 4 url}" title="{text:link 4}">v.</a></div>
  583.  
  584. </div>
  585.  
  586. </div>
  587.  
  588. <div id="pagination">{block:Pagination}
  589. {block:PreviousPage}<a href="{PreviousPage}">FLY AWAY</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">COME HOME</a>
  590. {/block:NextPage}
  591. {/block:Pagination}</div>
  592.  
  593. <div id="container">
  594.  
  595. {block:Posts}
  596.  
  597. <div class="posts">
  598.  
  599. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  600.  
  601. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  602.  
  603. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  604.  
  605. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  606.  
  607. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  608.  
  609. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  610.  
  611. {block:Chat}{block:Title}<h2>{Title}</h2></a>{/block:Title}
  612. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  613.  
  614. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  617.  
  618. {block:Answer}
  619. <div class="asker">{Asker} wondered:</div>
  620. <div class="question">{Question}</div>
  621. {Answer}
  622. {/block:Answer}
  623.  
  624. <div class="permalinks">
  625. <div class="date"><a href="{Permalink}">{Timeago}</a> | <a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} </a> | <a href="{Permalink}">n{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
  626. <div class="reblogs">{block:RebloggedFrom}
  627. <a href="{ReblogParentURL}">via</a>
  628. | <a href="{ReblogRootURL}">source</a>
  629. {/block:RebloggedFrom} | <a href="{ReblogURL}">reblog</a></div>
  630. </div>
  631.  
  632. {block:PermalinkPage}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> {Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  633.  
  634. </div>
  635.  
  636. {block:Postnotes}<div class="permalinks">{PostNotes}</div>{/block:Postnotes}
  637.  
  638. {/block:Posts}
  639.  
  640. </div>
  641.  
  642. {block:ContentSource}
  643. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  644. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  645. {/block:SourceLogo}
  646. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  647. {/block:ContentSource}
  648.  
  649. <!-- DO NOT REMOVE MY CREDIT -->
  650. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by rpjustxce"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  651. </body>
  652.  
  653. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!