API tools faq
paste
Advertisement
kaitofrph

Sabine (kaitrps theme 6)

kaitofrph
May 30th, 2016
567
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.10 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7. </style>
  8.  
  9. <script src="http://tympanus.net/Tutorials/CaptionHoverEffects/js/modernizr.custom.js"></script>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!---- ☰ theme made with basecode with hover #1 by azureofrp ☰ --->
  16.  
  17. <!---- ««««««««« theme #6 sabine by kaitrps
  18. please don't steal anything and don't remove the credit. if you do, a kitten will cry. we don't want that. »»»»»»»»»»
  19. --->
  20.  
  21.  
  22. <!--META NAMES-->
  23.  
  24. <meta name="color:background" content="#cccccc"/>
  25. <meta name="color:text" content="#000000"/>
  26. <meta name="color:links" content="#decba4"/>
  27. <meta name="color:hover" content="#494233">
  28. <meta name="color:blockquote" content="#eeeeee">
  29. <meta name="color:blockquote border" content="#666666">
  30. <meta name="color:accent" content="#b9bd56">
  31. <meta name="color:bold" content="#211927">
  32. <meta name="color:italic" content="#211927">
  33. <meta name="color:post bg" content="#888888">
  34. <meta name="color:sb bg" content="#444444">
  35. <meta name="color:title" content="#ffffff">
  36. <meta name="color:info bg" content="#444444">
  37. <meta name="color:container" content="#cccccc">
  38. <meta name="color:border" content="#888888">
  39. <meta name="color:scrollbar" content="#ffffff">
  40. <meta name="color:scrollbar bg" content="#eeeeee">
  41.  
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:icon1" content=""/>
  44. <meta name="image:icon2" content=""/>
  45. <meta name="image:icon3" content=""/>
  46. <meta name="image:icon4" content=""/>
  47.  
  48. <meta name="text:title 2" content="title">
  49. <meta name="text:link 1 hover" content="link 1">
  50. <meta name="text:link 2 hover" content="link 2">
  51.  
  52. <meta name="text:link 1" content="link 1">
  53. <meta name="text:link 2" content="link 2">
  54.  
  55. <meta name="text:link 1 URL" content="/">
  56. <meta name="text:link 2 URL" content="/">
  57.  
  58.  
  59.  
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  62. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  63. <script>
  64. (function($){
  65. $(document).ready(function(){
  66. $("a[title]").style_my_tooltips({
  67. tip_delay_time:100,
  68. tip_fade_speed:700,
  69. attribute:"title"
  70. });
  71. });
  72. })(jQuery);
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. ::-webkit-scrollbar-thumb {
  80. height:auto;
  81. background-color:{color:scrollbar};
  82.  
  83. }
  84.  
  85. ::-webkit-scrollbar {
  86. height:5px;
  87. width:3px;
  88. background-color:{color:scrollbar bg};
  89.  
  90. }
  91.  
  92. body {
  93. background-color:{color:background};
  94. font-family:arial;
  95. font-size:10px;
  96. text-align:justify;
  97. color:{color:text};
  98. margin:0;
  99.  
  100.  
  101. }
  102.  
  103.  
  104.  
  105.  
  106.  
  107. a {
  108. text-decoration:none;
  109. color:{color:Links};
  110. -webkit-transition: all 0.5s ease-out;
  111. -moz-transition: all 0.5s ease-out;
  112. transition: all 0.5s ease-out;
  113. }
  114.  
  115. a:hover {
  116. text-decoration:none;
  117. color:{color:Hover};
  118. -webkit-transition: all 0.5s ease-out;
  119. -moz-transition: all 0.5s ease-out;
  120. transition: all 0.5s ease-out;
  121.  
  122. }
  123.  
  124. img {
  125. border:none;
  126.  
  127.  
  128.  
  129. }
  130.  
  131. blockquote {
  132. background:{color:blockquote};
  133. border-left:2px solid {color:blockquote border};
  134. padding:8px;
  135.  
  136. }
  137.  
  138. #s-m-t-tooltip {
  139. max-width:150px;
  140. padding-top:2px;
  141. padding-bottom:2px;
  142. padding-left:2px;
  143. padding-right:2px;
  144. font-size:8px;
  145. text-align:center;
  146. font-style:italic;
  147. font-weight:bold;
  148. color:{color:text};
  149. background:{color:accent};
  150. border:1px solid {color:border};
  151. letter-spacing:1px;
  152. text-transform:uppercase;
  153. z-index:99999;
  154.  
  155. }
  156.  
  157.  
  158. h1{
  159. margin-top:0px;
  160. margin-bottom:5px;
  161. font-size:11px;
  162. padding:5px;
  163. text-transform:lowercase;
  164. text-align:center;
  165. font-weight:bold;
  166. }
  167.  
  168. h2{
  169. margin-top:0px;
  170. margin-bottom:5px;
  171. font-size:12px;
  172. padding:5px;
  173. text-transform:uppercase;
  174. text-align:center;
  175. font-weight:bold;
  176. font-style:italic;
  177. }
  178.  
  179. b{
  180. color:{color:bold};
  181. }
  182.  
  183. i{
  184. color:{color:italic};
  185. }
  186.  
  187. small{
  188. font-size:9.5px;
  189. }
  190.  
  191. pre{
  192. margin-top:0px;
  193. margin-bottom:5px;
  194. font-family:arial;
  195. font-size:10px;
  196. background-color:{color:blockquote};
  197. padding:5px;
  198. text-transform:uppercase;
  199. font-weight:bold;
  200. text-align:center;
  201. }
  202.  
  203. /*TITLE*/
  204. #titlez {
  205. width:205px;
  206. height:10px;
  207. font-size:11px;
  208. font-style:italic;
  209. font-family:arial;
  210. font-weight:bold;
  211. text-align:center;
  212. text-transform:lowercase;
  213. margin-top:200px;
  214. margin-left:430px;
  215. text-shadow:2px 2px 2px {color:accent};
  216. padding-top:4px;
  217. padding-bottom:8px;
  218. background:{color:info bg};
  219. color:{color:title};
  220. position:fixed;
  221. }
  222.  
  223. #titlez2 {
  224. height:25px;
  225. width:400px;
  226. font-size:21px;
  227. font-style:italic;
  228. font-family:sans-serif;
  229. font-weight:bold;
  230. text-align:right;
  231. text-transform:lowercase;
  232. text-shadow:2px 2px 2px {color:accent};
  233. margin-top:610px;
  234. margin-left:540px;
  235. color:{color:title};
  236. position:fixed;
  237. }
  238.  
  239. /*DESC*/
  240.  
  241.  
  242. #desc {
  243. width:165px;
  244. height:165px;
  245. position:fixed;
  246. padding-left:10px;
  247. padding-right:10px;
  248. padding-top:10px;
  249. line-height:130%;
  250. top:235px;
  251. margin-left:435px;
  252. font-size:9px;
  253. text-align:center;
  254. overflow:auto;
  255. z-index:99999;
  256. opacity:1;
  257.  
  258. }
  259.  
  260.  
  261.  
  262.  
  263.  
  264. /*PAGINAITON*/
  265.  
  266. #pagi {
  267. font-size:9px;
  268. text-transform:uppercase;
  269. font-weight:bold;
  270. font-style:normal;
  271. position:fixed;
  272. text-align:center;
  273. margin-left:430px;
  274. margin-top:429px;
  275. background:{color:info bg};
  276. text-shadow:2px 2px 2px {color:accent};
  277. padding:5px;
  278. line-height:100%;
  279. width:195px;
  280. height:10px;
  281. display:inline-block;
  282. color:{color:links};
  283. z-index:99999999;
  284. opacity:1;
  285. font-family:calibri;
  286. transition-duration: 0.9s;
  287. -moz-transition-duration:0.9s;
  288. -webkit-transition-duration:0.9s;
  289. -o-transition-duration:0.9s;
  290.  
  291.  
  292.  
  293.  
  294.  
  295. }
  296.  
  297. #pagi:hover{
  298. color:{color:hover};
  299. transition-duration: 0.9s;
  300. -moz-transition-duration:0.9s;
  301. -webkit-transition-duration:0.9s;
  302. -o-transition-duration:0.9s;
  303.  
  304. }
  305.  
  306.  
  307.  
  308. /*IMAGES*/
  309.  
  310.  
  311. #sidebar1 {
  312. position:fixed;
  313. opacity:1;
  314. background-image:url('{image:sidebar}');
  315. width:140px;
  316. height:245px;
  317. top:200px;
  318. margin-left:270px;
  319. border:solid 2px {color:border};
  320. z-index:9999999;
  321.  
  322. }
  323.  
  324.  
  325. #icon1 {
  326. position:fixed;
  327. opacity:1;
  328. background-image:url('{image:icon1}');
  329. width:70px;
  330. height:70px;
  331. top:585px;
  332. margin-left:950px;
  333. border:solid 2px {color:border};
  334. z-index:9999999;
  335.  
  336. }
  337.  
  338. #icon2 {
  339. position:fixed;
  340. opacity:1;
  341. background-image:url('{image:icon2}');
  342. width:70px;
  343. height:70px;
  344. top:585px;
  345. margin-left:1040px;
  346. border:solid 2px {color:border};
  347. z-index:9999999;
  348.  
  349. }
  350.  
  351. #icon3 {
  352. position:fixed;
  353. opacity:1;
  354. background-image:url('{image:icon3}');
  355. width:70px;
  356. height:70px;
  357. top:585px;
  358. margin-left:1130px;
  359. border:solid 2px {color:border};
  360. z-index:9999999;
  361.  
  362. }
  363.  
  364. #icon4 {
  365. position:fixed;
  366. opacity:1;
  367. background-image:url('{image:icon4}');
  368. width:70px;
  369. height:70px;
  370. top:495px;
  371. margin-left:1130px;
  372. border:solid 2px {color:border};
  373. z-index:9999999;
  374.  
  375. }
  376.  
  377.  
  378. /*LINKS*/
  379.  
  380.  
  381.  
  382.  
  383. #links{
  384. font-size:19px;
  385. text-align:center;
  386. position:fixed;
  387. line-height:20%;
  388. letter-spacing:5%;
  389. font-family:sans-serif;
  390. font-style:italic;
  391. text-shadow:2px 2px 2px {color:accent};
  392. margin-left:1150px;
  393. margin-top:350px;
  394. width:160px;
  395. z-index:99999;
  396.  
  397. -webkit-column-count: 1;
  398. -moz-column-count: 1;
  399. column-count: 1;
  400. -webkit-column-gap: 0.5;
  401. -moz-column-gap: 0.5;
  402. column-gap: 0.5;
  403.  
  404. }
  405.  
  406. #links a{
  407. opacity:1;
  408. display:inline-block;
  409. text-transform:uppercase;
  410. color:{color:sblinks};
  411. width:35px;
  412. font-weight:bold;
  413. height:20px;
  414. padding-right:5px;
  415. padding-top:5px;
  416. display:block;
  417. line-height:130%;
  418. padding-bottom:3px;
  419. transition-duration: 1s;
  420. -moz-transition-duration: 1s;
  421. -webkit-transition-duration: 1s;
  422. -o-transition-duration: 1s;
  423.  
  424.  
  425.  
  426. }
  427.  
  428. #links a:hover{
  429. color:{color:hover};
  430. opacity:1;
  431. transition-duration: 1s;
  432. -moz-transition-duration: 1s;
  433. -webkit-transition-duration: 1s;
  434. -o-transition-duration: 1s;
  435.  
  436. }
  437.  
  438. #container {
  439. position: fixed;
  440. height: 515px;
  441. overflow-y: auto;
  442. overflow-x: hidden;
  443. width: 863px;
  444. background-color:{color:container};
  445. margin-top: 65px;
  446. margin-left: 245px;
  447. border-bottom-right-radius: 4px;
  448. }
  449.  
  450. #sb {
  451. position: fixed;
  452. height: 270px;
  453. overflow-y: auto;
  454. overflow-x: hidden;
  455. width: 385px;
  456. background-color:{color:sb bg};
  457. margin-top: 190px;
  458. margin-left: 260px;
  459. border-bottom-right-radius: 4px;
  460. border:solid 2px {color:border};
  461. }
  462.  
  463.  
  464.  
  465. /*ENTRIES*/
  466.  
  467.  
  468.  
  469. #box {
  470. position: absolute;
  471. z-index:99999;
  472. height:490px;
  473. width:457px;
  474. overflow:auto;
  475. margin-left:655px;
  476. margin-top:80px;
  477.  
  478.  
  479. }
  480.  
  481. #post{
  482. padding:15px;
  483. width:400px;
  484. background-color:{color:post bg};
  485. overflow:hidden;
  486. margin-bottom:6px;
  487. margin-top:3px;
  488. margin-left:10px;
  489. float:left;
  490. z-index:9999;
  491.  
  492. }
  493.  
  494.  
  495. /*POST INFO*/
  496.  
  497. #info {
  498. width:420px;
  499. text-align:left;
  500. font-family:arial;
  501. font-size:9px;
  502. padding:7px;
  503. color:{color:text};
  504. line-height:10px;
  505. background-color:{color:info bg};
  506. border:solid 1px {color:border};
  507. margin-top:5px;
  508. margin-left:-15px;
  509. font-size:9px;
  510. margin-bottom:-15px;
  511. font-style:none;
  512. padding:5px;
  513. line-height:10px;
  514. transition-duration: 1.0s;
  515. -moz-transition-duration: 1.0s;
  516. -webkit-transition-duration: 1.0s;
  517. -o-transition-duration: 1.0s;
  518.  
  519. }
  520.  
  521. #info hover{
  522. color:{color:hover};
  523. transition-duration: 1.0s;
  524. -moz-transition-duration: 1.0s;
  525. -webkit-transition-duration: 1.0s;
  526. -o-transition-duration: 1.0s;
  527.  
  528.  
  529. }
  530.  
  531. #info a {
  532. text-align:center;
  533. font-family:arial;
  534. color:{color:text};
  535.  
  536. }
  537.  
  538.  
  539. #tags {
  540. background-color:{color:info background};
  541. width:420px;
  542. font-family:arial;
  543. opacity:1;
  544. transition-duration: 0.5s;
  545. -moz-transition-duration: 0.5s;
  546. -webkit-transition-duration: 0.5s;
  547. -o-transition-duration: 0.5s
  548. color:{color:links};
  549. }
  550.  
  551. #tags a {
  552. letter-spacing:0px;
  553. font-size:9px;
  554. font-family:arial;
  555. text-transform:lowercase;
  556. text-decoration:none;
  557. color:{color:hover};
  558. }
  559.  
  560. #tags hover {
  561. -moz-transition-duration:0.5s;
  562. -webkit-transition-duration:0.5s;
  563. -o-transition-duration:0.5s;
  564. color:{color:hover};
  565. }
  566.  
  567. .right{
  568. float:right
  569.  
  570. }
  571.  
  572.  
  573. /*ASKS*/
  574.  
  575. #asks {
  576. font-size:11px;
  577. text-align:center;
  578. width:450px;
  579. padding:5px;
  580. margin-left:-30px;
  581. margin-top:-15px;
  582. background-color:{color:ask bg}
  583.  
  584. }
  585.  
  586.  
  587. /*-- Just leave this please*/
  588.  
  589. #c{
  590. font-size:13px;
  591. position:fixed;
  592. bottom:6px;
  593. right:16px;
  594. z-index:10;
  595. text-align:right;
  596. letter-spacing:1px;
  597. padding:2px;
  598. color:{color:border};
  599. transition-duration: 0.8s;
  600.  
  601.  
  602. }
  603.  
  604.  
  605.  
  606. </style>
  607.  
  608. </head>
  609.  
  610.  
  611. <body>
  612.  
  613.  
  614. <div id="sidebar">
  615. <div id="sidebar1"><img src="{image:sidebar}"></div>
  616. <div id="icon1"><img src="{image:icon1}"></div>
  617. <div id="icon2"><img src="{image:icon2}"></div>
  618. <div id="icon3"><img src="{image:icon3}"></div>
  619. <div id="icon4"><img src="{image:icon4}"></div>
  620. <div id="container"></div>
  621. <div id="sb"></div>
  622.  
  623.  
  624. </div>
  625. </div>
  626. </div>
  627. <div id="links">
  628. <a title= "home" href="/" href="">I.</a><br>
  629. <a title= "message" href="ask" href="/ask">II.</a><br>
  630. <a title= "{text:link 1 hover}" href="{text:link 1 url}">III.</a><br>
  631. <a title= "{text:link 2 hover}"href="{text:link 2 url}">IV.</a><br>
  632. </div>
  633.  
  634. </div>
  635.  
  636. <div class="navi">
  637.  
  638.  
  639. </div>
  640.  
  641. <div id="desc">{Description}</div>
  642.  
  643. <div id="titlez">{title}</div>
  644. <div id="titlez2">{text:title 2}</div>
  645.  
  646.  
  647.  
  648. </div>
  649.  
  650.  
  651.  
  652.  
  653.  
  654. </div>
  655. <div id="pagi">{block:Pagination}
  656. {block:PreviousPage}
  657. <a href="{PreviousPage}"><big><big>back&nbsp;&nbsp;&nbsp;&nbsp;</big></big></a>
  658. {/block:PreviousPage}
  659.  
  660. {block:NextPage}
  661. <a href="{NextPage}"><big><big>next</big></big></a>
  662. {/block:NextPage}
  663. {/block:Pagination}</div>
  664. </div></div>
  665. </div>
  666.  
  667.  
  668.  
  669.  
  670. <div id="box">
  671.  
  672. {block:Posts}
  673. <div id="post">
  674.  
  675. <!--TEXT POSTS-->
  676.  
  677. {block:Text}
  678. {block:Title}<h2><center>{Title}</center></h2>{/block:Title}
  679. {Body}
  680. {/block:Text}
  681.  
  682. <!--ASKS-->
  683.  
  684. {block:Answer}
  685. {QUESTION-400px}
  686. <div id="asks">
  687. <div style="margin-left:-280px; padding-bottom:8px; font-size:11px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="text-align:center; padding-left:15px; margin-top:-18px; margin-right:10px; font-size:9px;">{Question}</div>
  688. </div>
  689. {Answer}
  690. {/block:Answer}
  691.  
  692. <!--QUOTE POSTS-->
  693. {block:Quote}
  694.  
  695. {block:Quote}
  696. <h2>{Quote}</h2>
  697. <div align="right">
  698. {block:Source}<h1>-{Source}</h1>{/block:Source}
  699. </div>
  700. {/block:Quote}
  701. <!--LINK POSTS-->
  702.  
  703. {block:Link}
  704. <h2><center><a href="{URL}">{Name}</center></a></h2>
  705. {block:Description}{Description}{/block:Description}
  706. {/block:Link}
  707.  
  708. <!--CHAT POSTS-->
  709.  
  710. {block:Chat}
  711. {block:Title}<h2>{Title}</h2>{/block:Title}
  712. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  713. {Line}</li>{/block:Lines}</ul>
  714. {/block:Chat}
  715.  
  716. <!--PHOTO POSTS-->
  717.  
  718. {block:Photo}
  719. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  720.  
  721. {block:Caption}{Caption}{/block:Caption}
  722. {/block:Photo}
  723.  
  724. <!--PHOTOSET POSTS-->
  725.  
  726. {block:Photoset}
  727. {Photoset-400}
  728. {block:Caption}{Caption}{/block:Caption}
  729. {/block:Photoset}
  730.  
  731. <!--VIDEO POSTS-->
  732.  
  733. {block:Video}
  734. {Video-400}
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:Video}
  737.  
  738.  
  739. <!--AUDIO-->
  740.  
  741. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  742. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  743. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  744. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  745. {/block:Audio}
  746.  
  747.  
  748. <!--POST INFO-->
  749.  
  750.  
  751. <div id="info">
  752. <div id="permalink">
  753. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  754.  
  755. {block:HasTags}{block:Tags} <a href="{TagURL}" >{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  756.  
  757.  
  758. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  759. </div>
  760.  
  761. <!--Simply don't remove it pls.-->
  762.  
  763. </div>
  764. </div>
  765.  
  766. </div>
  767. <div id="c">
  768. <a href="http://kaitrps.tumblr.com/">♚ </a>
  769.  
  770. </div>
  771. </div>
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!