API tools faq
paste
Advertisement
raingurl

whip appeal aesthetic theme

raingurl
Jun 22nd, 2023
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!--
  5.  
  6. / / TAKA theme
  7. designed by saeir.
  8.  
  9. please leave the credit.
  10. tinker as much as you'd like
  11.  
  12. enjoy!
  13.  
  14. -->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:post wrap" content="#2e0000"/>
  25. <meta name="color:text" content="#111111"/>
  26. <meta name="color:link" content="#a70000"/>
  27. <meta name="color:link hover" content="#b4b4b4"/>
  28. <meta name="color:navlink" content="#ffffff"/>
  29. <meta name="color:navlink hover" content="#000000"/>
  30. <meta name="color:navlink hover bg" content="#ffffff"/>
  31. <meta name="color:navlink bg" content="#2e0000"/>
  32. <meta name="color:description" content="#000000"/>
  33. <meta name="color:borders" content="#000000"/>
  34. <meta name="color:title" content="#a70000"/>
  35. <meta name="color:music" content="#dbecee"/>
  36. <meta name="color:scrollbar" content="#dbecee"/>
  37.  
  38. <meta name="color:tooltip background" content="#ffffff"/>
  39. <meta name="color:tooltip text" content="#111111"/>
  40. <meta name="color:tooltip border" content="#000000"/>
  41.  
  42. <meta name="if:CONTAINEDPosts" content="1"/>
  43. <meta name="text:contained height" content="60%"/>
  44. <meta name="text:contained top" content="100px"/>
  45. <meta name="text:contained left" content="400px"/>
  46.  
  47. <meta name="text:sidebar top" content="100px"/>
  48. <meta name="image:sidebar" content="http://i.imgur.com/UibeWwO.png"/>
  49. <meta name="image:background" content="http://i.imgur.com/ZDGj70Y.png"/>
  50. <meta name="image:permalink" content="https://i.imgur.com/uiRW14F.png"/>
  51.  
  52. <meta name="text:grayscale" content="0.5">
  53. <meta name="text:sideimg left" content="125px">
  54. <meta name="text:sideimg top" content="-2px">
  55. <meta name="text:sideimg width" content="326">
  56. <meta name="text:title size" content="25px">
  57. <meta name="text:font size" content="9px">
  58. <meta name="text:Sideimg rotate" content="0">
  59.  
  60. <meta name="text:ask title" content="Message"/>
  61. <meta name="text:archive title" content="past"/>
  62.  
  63. <meta name="text:link1 url" content="/">
  64. <meta name="text:link1 link" content="リンク1">
  65. <meta name="text:link1 title" content="title">
  66.  
  67. <meta name="text:link2 url" content="/">
  68. <meta name="text:link2 link" content="リンク2">
  69. <meta name="text:link2 title" content="title">
  70.  
  71.  
  72.  
  73. <style> body, a, a:hover{ cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78. body{
  79. margin:0px;
  80. background: url(https://i.imgur.com/31CNcx4.jpg) no-repeat center center fixed;
  81. -webkit-background-size: cover;
  82. -moz-background-size: cover;
  83. -o-background-size: cover;
  84. background-size: cover; }
  85.  
  86. a{
  87. text-decoration:none;
  88. outline:none;
  89. -moz-outline-style:none;
  90. color:{color:link};
  91. -webkit-transition: all 0.5s ease-in-out;
  92. -moz-transition: all 0.5s ease-in-out;
  93. -o-transition: all 0.5s ease-in-out;
  94. }
  95.  
  96. a:hover{color:{color:link hover};}
  97.  
  98. img{border:none;-webkit-filter: grayscale({text:grayscale});}
  99.  
  100. blockquote{
  101. padding-left:5px;
  102. border-left:1px dashed #C7C7C7;}
  103.  
  104. blockquote blockquote{
  105. padding-left:5px;
  106. border-left:1px dashed #C7C7C7;}
  107.  
  108. #left{
  109. padding:10px;
  110. width:360px;
  111. position:fixed;
  112. left:400px;
  113. position:absolute;
  114. {block:IfCONTAINEDPosts}
  115. overflow:auto;
  116. position:fixed;
  117. height:{text:contained height};
  118. left:{text:contained left};
  119. top:{text:contained top};
  120. border-top:16px solid;
  121. border-bottom:16px solid;
  122. {/block:IfCONTAINEDPosts}
  123. }
  124.  
  125. #entry{
  126. width:300px;
  127. background:{color:background};
  128. text-align:justify;
  129. padding:20px;
  130. margin:10px;
  131. margin-top:0px;
  132. color:{color:text};
  133. font-family: cambria;
  134. font-size:{text:font size};
  135. line-height:100%;}
  136.  
  137.  
  138. #music{
  139. margin-left:20px;
  140. margin-top:20px;}
  141.  
  142. #album {
  143. position: absolute;
  144. height: 80px;
  145. width: 80px;
  146. border: 10px solid {color:music};
  147. }
  148.  
  149. #album img {
  150. height: 70px;
  151. width: 70px;
  152. margin-top:6px;
  153. margin-left:6px;
  154. }
  155.  
  156. .chat ul {
  157. list-style-type: none;
  158. width: 300px;
  159. display: block;
  160. margin: auto;
  161. padding: 0px;
  162. letter-spacing: 0px;
  163. font-size:8px;
  164. text-transform: uppercase;
  165. }
  166.  
  167. h1, h3, t, h1 a, h3 a, h1 a:link, h3 a:link {
  168. font-size: 11px;
  169. padding-bottom: 0px;
  170. color: {color:title};
  171. letter-spacing: 1px;
  172. text-transform: uppercase;
  173. -webkit-transition: all 0.5s ease-in-out;
  174. -moz-transition: all 0.5s ease-in-out;
  175. -o-transition: all 0.5s ease-in-out;
  176. }
  177.  
  178. h1 a:hover, h3 a:hover {
  179. text-decoration: none;
  180. color:{color:link hover};
  181. }
  182.  
  183.  
  184. b {
  185. color:{color:link};
  186. font-weight:bold;}
  187.  
  188. ::-webkit-scrollbar {
  189. width: 3px;
  190. }
  191.  
  192. /* Track */
  193. ::-webkit-scrollbar-track {
  194. background-color: #fff;
  195. }
  196.  
  197. /* Handle */
  198. ::-webkit-scrollbar-thumb {
  199. background:{color:scrollbar};
  200. }
  201. ::-webkit-scrollbar-thumb:window-inactive {
  202. background: #fff;
  203. }
  204.  
  205.  
  206. #desc{
  207. background:transparent;
  208. z-index:999;
  209. left:6px;
  210. border-right:1px solid {color:borders};
  211. margin-top:255px;
  212. font-family:"Calibri";
  213. font-size:8px;
  214. text-align:right;
  215. letter-spacing:1px;
  216. text-transform:uppercase;
  217. color:{color:description};
  218. padding:10px;
  219. padding-top:25px;
  220. width:230px;
  221. height:45px;
  222. position:fixed;}
  223.  
  224.  
  225. .tagz {
  226. color: {color:navlink};
  227. margin:5px;
  228. width:300px;
  229. font-family:"Calibri";
  230. font-size: 8px;
  231. text-transform: uppercase;
  232. background-color: transparent;
  233. padding: 5px;
  234. }
  235.  
  236. .tag {
  237. margin-top: -15px;
  238. color: {color:text};
  239. margin-left: 15px;
  240. }
  241.  
  242. .tag a {
  243. color: {color:link};
  244. margin-bottom: -10px;
  245. text-transform: uppercase;
  246. opacity: 1;
  247. font-family:"Calibri";
  248. font-size: 8px;
  249. margin-right: 3px;
  250. margin-left: 2px;
  251. -webkit-transition: all 0.5s ease-in-out;
  252. -moz-transition: all 0.5s ease-in-out;
  253. -o-transition: all 0.5s ease-in-out;
  254. }
  255.  
  256. .tag a:hover {
  257. color:{color:link hover};
  258. }
  259.  
  260. #question {
  261. padding:8px;
  262. font-family:cambria;
  263. letter-spacing:2px;
  264. text-align:right;
  265. font-style:italic;
  266. border-bottom:1px {color:border} solid;
  267. color:{color:text};
  268. background-color:{color:background};
  269. }
  270.  
  271.  
  272. #notes {
  273. display:block;
  274. background-color:#fff;
  275. width:300px;
  276. padding:20px;
  277. margin-left:10px;
  278. font-family:"Calibri";
  279. font-size:8px;
  280. text-transform:uppercase;
  281. color:{color:text};
  282. max-height:150px;
  283. {block:IfBorder}
  284. border:1px solid {color:border};
  285. {/block:IfBorder}
  286. overflow:auto;
  287. }
  288.  
  289.  
  290. #pag {
  291. position:fixed;
  292. left:256px;
  293. margin-top:300px;
  294. float:left;
  295. z-index:9999;
  296. }
  297.  
  298. #pag a{
  299. color:#000;
  300. font-family:"calibri";
  301. text-transform:uppercase;
  302. font-size:8px;
  303. padding:2px;
  304. letter-spacing:1px;
  305. background-color:transparent;
  306. border:1px solid #000;
  307. text-align:center;
  308. -webkit-transition: all 0.5s ease-in-out;
  309. -moz-transition: all 0.5s ease-in-out;
  310. -o-transition: all 0.5s ease-in-out;
  311. }
  312.  
  313. #pag a:hover{
  314. color:{color:link hover};}
  315.  
  316.  
  317. #hover{
  318. position:absolute;
  319. margin-left:-45px;
  320. margin-top:5px;
  321. padding-left:10px;
  322. opacity:0;
  323. -webkit-transition: opacity 0.5s linear;
  324. -webkit-transition: all 0.5s ease-in-out;
  325. -moz-transition: all 0.5s ease-in-out;
  326. -o-transition: all 0.5s ease-in-out;}
  327.  
  328.  
  329. #entry:hover #hover
  330. {opacity:1;}
  331.  
  332.  
  333. /*--- LINKIES ----*/
  334.  
  335. #sasu{width:175px;height:1px;background:{color:borders};position:fixed;margin-top:30px;left:0px;text-align:center;line-height:0px;}
  336.  
  337. #sasu a{background:{color:navlink bg};padding:2px;color:{color:navlink};font-family:Calibri;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
  338.  
  339. #sasu a:hover{background:{color:navlink hover bg};color:{color:navlink hover};}
  340.  
  341.  
  342.  
  343. #sassy{width:175px;height:1px;background:{color:borders};position:fixed;margin-top:55px;left:0px;text-align:right;line-height:0px;}
  344.  
  345. #sassy a{background:{color:navlink bg};padding:2px;color:{color:navlink};font-family:Calibri;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
  346.  
  347. #sassy a:hover{background:{color:navlink hover bg};color:{color:navlink hover};}
  348.  
  349.  
  350.  
  351. #sasuke{width:175px;height:1px;background:{color:borders};position:fixed;margin-top:80px;left:0px;text-align:left;line-height:0px;}
  352.  
  353. #sasuke a{background:{color:navlink bg};padding:2px;color:{color:navlink};font-family:Calibri;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
  354.  
  355. #sasuke a:hover{background:{color:navlink hover bg};color:{color:navlink hover};}
  356.  
  357.  
  358.  
  359. #uchiha{width:175px;height:1px;background:{color:borders};position:fixed;margin-top:105px;left:0px;text-align:right;line-height:0px;}
  360.  
  361. #uchiha a{background:{color:navlink bg};padding:2px;color:{color:navlink};font-family:Calibri;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
  362.  
  363. #uchiha a:hover{background:{color:navlink hover bg};color:{color:navlink hover};}
  364.  
  365.  
  366.  
  367. #hahah{width:175px;height:1px;background:{color:borders};position:fixed;margin-top:132px;left:0px;text-align:center;line-height:0px;}
  368.  
  369. #hahah a{background:{color:navlink bg};padding:2px;color:{color:navlink};font-family:Calibri;font-size:10px;text-transform:uppercase;letter-spacing:1px;}
  370.  
  371. #hahah a:hover{background:{color:navlink hover bg};color:{color:navlink hover};}
  372.  
  373.  
  374. /*--- end linkies ---*/
  375.  
  376.  
  377. #title{
  378. position:fixed;
  379. margin-top:220px;
  380. left:0px;
  381. z-index:10;
  382. width:145px;
  383. text-align:right;
  384. padding-right:4px;
  385. border-bottom:1px solid;
  386. border-right:1px solid;
  387. border-color:{color:borders};
  388. }
  389.  
  390. #title a{
  391. font-family:'simhei';
  392. font-size:{text:title size};
  393. color:{color:title};
  394. line-height:35px;
  395. }
  396.  
  397. #title a:hover{
  398. color:#fff;
  399. }
  400.  
  401.  
  402. .drag{
  403. position:fixed;
  404. top:{text:sidebar top};
  405. width:auto;
  406. height:auto;
  407. }
  408.  
  409.  
  410.  
  411. #s-m-t-tooltip {
  412. padding: 2px;
  413. border-right-width: 2px;
  414. border-bottom-width: 2px;
  415. font: 8px calibri;
  416. text-align: left;
  417. position: absolute;
  418. margin-top:-15px;
  419. margin-left:15px;
  420. z-index:99999;
  421. background:{color:tooltip background};
  422. color:{color:tooltip text};
  423. border:1px solid {color:tooltip border};
  424. text-transform:uppercase;
  425. letter-spacing: 0px;
  426. }
  427.  
  428. </style>
  429.  
  430. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  431. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  432. <script>
  433. (function($){
  434. $(document).ready(function(){
  435. $("a[title]").style_my_tooltips({
  436. tip_follows_cursor:true,
  437. tip_delay_time:0,
  438. tip_fade_speed:300,
  439. attribute:"title"
  440. });
  441. });
  442. })(jQuery);
  443. </script>
  444.  
  445. </head><body>
  446.  
  447.  
  448.  
  449. <div class="drag"> <!--- move desc around --->
  450.  
  451. <div style="opacity:1; position:fixed; margin-top:{text:sideimg top}; margin-left:{text:sideimg left}; z-index:99;">
  452. <img src="{image:sidebar}" width="{text:sideimg width}" style="-webkit-transform:rotate({text:sideimg rotate}deg);">
  453. </div>
  454.  
  455. <div id="sasu"><a href="/ask" title="{text:ask title}">赤い薔薇</a>&nbsp; &nbsp; &nbsp; &nbsp;</div>
  456.  
  457. <div id="sassy"><a href="/archive" title="{text:archive title}">白い薔薇</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
  458.  
  459. <div id="sasuke">&nbsp; &nbsp;&nbsp;&nbsp;<a href="{text:link1 url}" title="{text:link1 title}">{text:link1 link}</a></div>
  460.  
  461. <div id="uchiha"><a href="{text:link2 url}" title="{text:link2 title}">{text:link2 link}</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
  462.  
  463. <div id="hahah"><a href="http://saeir.tumblr.com" title="theme">さぼてんの花</a>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
  464.  
  465.  
  466. <div id="pag">
  467. {block:Pagination}
  468. {block:PreviousPage}
  469. <a href="{PreviousPage}">back</a><br>{/block:PreviousPage}
  470.  
  471. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  472. {/block:Pagination}
  473. </div>
  474.  
  475.  
  476. <div id="title">
  477. <a href="/">{title}</a>
  478. </div>
  479.  
  480. <div id="desc">{description}</div>
  481.  
  482.  
  483. </div> <!--- end drag --->
  484.  
  485.  
  486. <div id="left">{block:Posts}<div id="entry">
  487.  
  488. <!-- {block:NoRebloggedFrom}
  489. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  490. {/block:NoRebloggedFrom} -->
  491.  
  492. {block:ContentSource}
  493. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  494. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  495. {/block:SourceLogo}
  496. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  497. {/block:ContentSource}
  498.  
  499. {block:IndexPage}
  500. <div id="hover">
  501. {block:Date}<a title="{NoteCountWithLabel}" href="{Permalink}"><img src="{image:permalink}" width="30px"></a>{/block:Date}
  502. </div>
  503. {/block:IndexPage}
  504.  
  505. {block:Text}
  506. {block:Title}
  507. <a href="{Permalink}"><t>{Title}</t></a>
  508. {/block:Title}
  509. {Body}
  510. {/block:Text}
  511.  
  512. {block:Photo}
  513. {LinkOpenTag}
  514. <center><img src="{PhotoURL-500}" width="290"></center>
  515. {LinkCloseTag}
  516. {block:PermalinkPage}
  517. {block:Caption}{Caption}{/block:Caption}
  518. {/block:PermalinkPage}
  519. {/block:Photo}
  520.  
  521. {block:Photoset}
  522. <center>{Photoset-250}</center>
  523. {block:PermalinkPage}
  524. {block:Caption}{Caption}{/block:Caption}
  525. {/block:PermalinkPage}
  526. {/block:Photoset}
  527.  
  528. {block:Quote}<b>&ldquo;</b> <i>{Quote}</i><br>
  529. {block:Source}<p align="right"> —{Source}</p>{/block:Source}
  530. {/block:Quote}
  531.  
  532. {block:Link}
  533. <t><a href="{URL}" {Target}>{Name}</a></t>
  534. {block:Description}{Description}{/block:Description}
  535. {/block:Link}
  536.  
  537. {block:Chat}
  538. <div class="post chat">
  539. <div style="margin-bottom: 5px;">
  540. {block:Title}
  541. <h3><a href="{Permalink}">{Title}</a></h3>
  542. {/block:Title}
  543. <ul class="chat">
  544. {block:Lines}
  545. <li class="{Alt} user_{UserNumber}">
  546. {block:Label}
  547. <span class="label">{Label}</span>
  548. {/block:Label}
  549. {Line}
  550. </li>
  551. {/block:Lines}
  552. </ul>
  553. </div>
  554. </div>
  555. {/block:Chat}
  556.  
  557. {block:Audio}
  558. <div id="album">
  559. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  560. </div>
  561.  
  562.  
  563. <div style="margin-left:100px;margin-bottom:10px;">
  564. {AudioPlayerBlack}</div>
  565.  
  566. <div style="margin-left: 100px; margin-top:-10px; padding: 5px; line-height: 10px; font-family:Calibri; text-align:left; text-transform:uppercase; font-size:8px;">
  567. {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  568. {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  569. {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  570. {PlayCountWithLabel}<p></p><br>
  571. </div>
  572.  
  573. {/block:Audio}
  574.  
  575. {block:Video}
  576. {Video-250}
  577. {block:PermalinkPage}
  578. {block:Caption}{Caption}{/block:Caption}
  579. {/block:PermalinkPage}
  580. {/block:Video}
  581.  
  582. {block:Answer}
  583. <div id="question"><div style="position:absolute;margin-top:-10px;border:1px solid #000;padding:5px;"><img src="{AskerPortraitURL-24}"></div> <span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div>
  584. <left><font face="cambria">{Answer}</font>
  585. {/block:Answer}
  586.  
  587. </div>
  588.  
  589.  
  590. {block:PermalinkPage}
  591.  
  592. <div style="position:absolute;margin-top:-23px;margin-left:13px;background:{color:navlink bg};text-transform:uppercase;padding:2px;font-size:8px;font-family:Calibri;color:{color:navlink};">
  593. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}{/block:Date} &mdash; {NoteCountWithLabel}
  594. </div>
  595.  
  596.  
  597. <div class="tagz">
  598. {block:HasTags}
  599. <div class="tag">
  600. &nbsp;{block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> &nbsp;
  601. {/block:Tags}</div>{/block:HasTags}</center>
  602. </div>
  603. {/block:PermalinkPage}
  604.  
  605.  
  606.  
  607. {block:PermalinkPage}
  608. <div id="notes">{PostNotes}</div>
  609. {/block:PermalinkPage}
  610.  
  611. {/block:Posts}</div>
  612.  
  613.  
  614.  
  615. </body></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!