API tools faq
paste
Advertisement
kaitofrph

Natalia (kaitrps theme 5)

kaitofrph
May 30th, 2016
909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.66 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 #5 natalia 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.  
  23. <!--META NAMES-->
  24.  
  25. <meta name="color:background" content="#cccccc"/>
  26. <meta name="color:text" content="#000000"/>
  27. <meta name="color:links" content="#decba4"/>
  28. <meta name="color:hover" content="#494233">
  29. <meta name="color:blockquote" content="#eeeeee">
  30. <meta name="color:blockquote border" content="#666666">
  31. <meta name="color:accent" content="#b9bd56">
  32. <meta name="color:bold" content="#211927">
  33. <meta name="color:italic" content="#211927">
  34. <meta name="color:post bg" content="#888888">
  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:90,
  68. tip_fade_speed:600,
  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. height:15px;
  206. width:175px;
  207. font-size:14px;
  208. font-style:italic;
  209. font-family:sans-serif;
  210. font-weight:bold;
  211. text-align:center;
  212. text-transform:uppercase;
  213. margin-top:95px;
  214. margin-left:422px;
  215. color:{color:title};
  216. position:fixed;
  217. }
  218.  
  219. #titlez2 {
  220. height:15px;
  221. width:175px;
  222. font-size:12px;
  223. font-style:italic;
  224. font-family:sans-serif;
  225. font-weight:bold;
  226. text-align:center;
  227. text-transform:lowercase;
  228. margin-top:197px;
  229. margin-left:422px;
  230. color:{color:title};
  231. position:fixed;
  232. }
  233.  
  234. /*DESC*/
  235.  
  236.  
  237. #desc {
  238. width:200px;
  239. height:100px;
  240. position:fixed;
  241. padding-left:10px;
  242. padding-right:10px;
  243. line-height:130%;
  244. top:245px;
  245. margin-left:395px;
  246. font-size:9px;
  247. text-align:center;
  248. overflow:none;
  249. z-index:99999;
  250. opacity:1;
  251.  
  252. }
  253.  
  254.  
  255.  
  256.  
  257.  
  258. /*PAGINAITON*/
  259.  
  260. #pagi {
  261. font-size:9px;
  262. text-transform:uppercase;
  263. font-weight:bold;
  264. font-style:normal;
  265. position:fixed;
  266. text-align:center;
  267. margin-left:385px;
  268. margin-top:400px;
  269. background:{color:info bg};
  270. text-shadow:2px 2px 2px {color:accent};
  271. padding:5px;
  272. line-height:100%;
  273. width:205px;
  274. height:10px;
  275. display:inline-block;
  276. color:{color:links};
  277. z-index:99999999;
  278. opacity:1;
  279. font-family:calibri;
  280. transition-duration: 0.9s;
  281. -moz-transition-duration:0.9s;
  282. -webkit-transition-duration:0.9s;
  283. -o-transition-duration:0.9s;
  284.  
  285.  
  286.  
  287.  
  288.  
  289. }
  290.  
  291. #pagi:hover{
  292. color:{color:hover};
  293. transition-duration: 0.9s;
  294. -moz-transition-duration:0.9s;
  295. -webkit-transition-duration:0.9s;
  296. -o-transition-duration:0.9s;
  297.  
  298. }
  299.  
  300.  
  301.  
  302. /*IMAGES*/
  303.  
  304.  
  305. #sidebar1 {
  306. position:fixed;
  307. opacity:1;
  308. background-image:url('{image:sidebar}');
  309. width:120px;
  310. height:120px;
  311. top:100px;
  312. margin-left:280px;
  313. border:solid 2px {color:border};
  314. z-index:9999999;
  315.  
  316. }
  317.  
  318.  
  319. #icon1 {
  320. position:fixed;
  321. opacity:1;
  322. background-image:url('{image:icon1}');
  323. width:75px;
  324. height:75px;
  325. top:245px;
  326. margin-left:300px;
  327. border:solid 2px {color:border};
  328. z-index:9999999;
  329.  
  330. }
  331.  
  332. #icon2 {
  333. position:fixed;
  334. opacity:1;
  335. background-image:url('{image:icon2}');
  336. width:75px;
  337. height:75px;
  338. top:340px;
  339. margin-left:300px;
  340. border:solid 2px {color:border};
  341. z-index:9999999;
  342.  
  343. }
  344.  
  345. #icon3 {
  346. position:fixed;
  347. opacity:1;
  348. background-image:url('{image:icon3}');
  349. width:75px;
  350. height:75px;
  351. top:115px;
  352. margin-left:425px;
  353. border:solid 2px {color:border};
  354. z-index:9999999;
  355.  
  356. }
  357.  
  358. #icon4 {
  359. position:fixed;
  360. opacity:1;
  361. background-image:url('{image:icon4}');
  362. width:75px;
  363. height:75px;
  364. top:115px;
  365. margin-left:520px;
  366. border:solid 2px {color:border};
  367. z-index:9999999;
  368.  
  369. }
  370.  
  371.  
  372. /*LINKS*/
  373.  
  374.  
  375.  
  376.  
  377. #links{
  378. font-size:12px;
  379. text-align:center;
  380. position:fixed;
  381. line-height:20%;
  382. letter-spacing:5%;
  383. font-family:sans-serif;
  384. font-style:italic;
  385. text-shadow:2px 2px 2px {color:accent};
  386. margin-left:430px;
  387. margin-top:220px;
  388. width:160px;
  389. z-index:99999;
  390.  
  391. -webkit-column-count: 4;
  392. -moz-column-count: 4;
  393. column-count: 4;
  394. -webkit-column-gap: 0.5;
  395. -moz-column-gap: 0.5;
  396. column-gap: 0.5;
  397.  
  398. }
  399.  
  400. #links a{
  401. opacity:1;
  402. display:inline-block;
  403. text-transform:uppercase;
  404. color:{color:sblinks};
  405. width:35px;
  406. font-weight:bold;
  407. height:20px;
  408. padding-right:5px;
  409. padding-top:5px;
  410. display:block;
  411. line-height:130%;
  412. padding-bottom:3px;
  413. transition-duration: 1s;
  414. -moz-transition-duration: 1s;
  415. -webkit-transition-duration: 1s;
  416. -o-transition-duration: 1s;
  417.  
  418.  
  419.  
  420. }
  421.  
  422. #links a:hover{
  423. color:{color:hover};
  424. opacity:1;
  425. transition-duration: 1s;
  426. -moz-transition-duration: 1s;
  427. -webkit-transition-duration: 1s;
  428. -o-transition-duration: 1s;
  429.  
  430. }
  431.  
  432. #container {
  433. position: fixed;
  434. height: 515px;
  435. overflow-y: auto;
  436. overflow-x: hidden;
  437. width: 863px;
  438. background-color:{color:container};
  439. margin-top: 65px;
  440. margin-left: 245px;
  441. border-bottom-right-radius: 4px;
  442. }
  443.  
  444.  
  445.  
  446.  
  447. /*ENTRIES*/
  448.  
  449.  
  450.  
  451. #box {
  452. position: absolute;
  453. z-index:99999;
  454. height:490px;
  455. width:457px;
  456. overflow:auto;
  457. margin-left:655px;
  458. margin-top:80px;
  459.  
  460.  
  461. }
  462.  
  463. #post{
  464. padding:15px;
  465. width:400px;
  466. background-color:{color:post bg};
  467. overflow:hidden;
  468. margin-bottom:6px;
  469. margin-top:3px;
  470. margin-left:10px;
  471. float:left;
  472. z-index:9999;
  473.  
  474. }
  475.  
  476.  
  477. /*POST INFO*/
  478.  
  479. #info {
  480. width:420px;
  481. text-align:left;
  482. font-family:arial;
  483. font-size:9px;
  484. padding:7px;
  485. color:{color:text};
  486. line-height:10px;
  487. background-color:{color:info bg};
  488. margin-top:5px;
  489. margin-left:-15px;
  490. font-size:9px;
  491. margin-bottom:-15px;
  492. font-style:none;
  493. padding:5px;
  494. line-height:10px;
  495. transition-duration: 1.0s;
  496. -moz-transition-duration: 1.0s;
  497. -webkit-transition-duration: 1.0s;
  498. -o-transition-duration: 1.0s;
  499.  
  500. }
  501.  
  502. #info hover{
  503. color:{color:hover};
  504. transition-duration: 1.0s;
  505. -moz-transition-duration: 1.0s;
  506. -webkit-transition-duration: 1.0s;
  507. -o-transition-duration: 1.0s;
  508.  
  509.  
  510. }
  511.  
  512. #info a {
  513. text-align:center;
  514. font-family:arial;
  515. color:{color:text};
  516.  
  517. }
  518.  
  519.  
  520. #tags {
  521. background-color:{color:info background};
  522. width:420px;
  523. font-family:arial;
  524. opacity:1;
  525. transition-duration: 0.5s;
  526. -moz-transition-duration: 0.5s;
  527. -webkit-transition-duration: 0.5s;
  528. -o-transition-duration: 0.5s
  529. color:{color:links};
  530. }
  531.  
  532. #tags a {
  533. letter-spacing:0px;
  534. font-size:9px;
  535. font-family:arial;
  536. text-transform:lowercase;
  537. text-decoration:none;
  538. color:{color:hover};
  539. }
  540.  
  541. #tags hover {
  542. -moz-transition-duration:0.5s;
  543. -webkit-transition-duration:0.5s;
  544. -o-transition-duration:0.5s;
  545. color:{color:hover};
  546. }
  547.  
  548.  
  549. .right{
  550. float:right
  551.  
  552. }
  553.  
  554.  
  555. /*ASKS*/
  556.  
  557. #asks {
  558. font-size:11px;
  559. text-align:center;
  560. width:450px;
  561. padding:5px;
  562. margin-left:-30px;
  563. margin-top:-15px;
  564. background-color:{color:ask bg}
  565.  
  566. }
  567.  
  568.  
  569. /*-- Just leave this please*/
  570.  
  571. #c{
  572. font-size:13px;
  573. position:fixed;
  574. bottom:6px;
  575. right:16px;
  576. z-index:10;
  577. text-align:right;
  578. letter-spacing:1px;
  579. padding:2px;
  580. color:{color:border};
  581. transition-duration: 0.8s;
  582.  
  583.  
  584. }
  585.  
  586.  
  587.  
  588. </style>
  589.  
  590. </head>
  591.  
  592.  
  593. <body>
  594.  
  595.  
  596. <div id="sidebar">
  597. <div id="sidebar1"><img src="{image:sidebar}"></div>
  598. <div id="icon1"><img src="{image:icon1}"></div>
  599. <div id="icon2"><img src="{image:icon2}"></div>
  600. <div id="icon3"><img src="{image:icon3}"></div>
  601. <div id="icon4"><img src="{image:icon4}"></div>
  602. <div id="container"></div>
  603.  
  604.  
  605. </div>
  606. </div>
  607. </div>
  608. <div id="links">
  609. <a title= "home" href="/" href="">I.</a><br>
  610. <a title= "message" href="ask" href="/ask">II.</a><br>
  611. <a title= "{text:link 1 hover}" href="{text:link 1 url}">III.</a><br>
  612. <a title= "{text:link 2 hover}"href="{text:link 2 url}">IV.</a><br>
  613. </div>
  614.  
  615. </div>
  616. <!---- if you want anything to appear when you hover over the sidebar, you have to add the code below under "navi"!!!
  617. --->
  618.  
  619.  
  620. <div class="navi">
  621.  
  622.  
  623. </div>
  624.  
  625. <div id="desc">{Description}</div>
  626.  
  627. <div id="titlez">{title}</div>
  628. <div id="titlez2">{text:title 2}</div>
  629.  
  630.  
  631.  
  632. </div>
  633.  
  634.  
  635.  
  636.  
  637.  
  638. </div>
  639. <div id="pagi">{block:Pagination}
  640. {block:PreviousPage}
  641. <a href="{PreviousPage}"><big><big>back&nbsp;&nbsp;&nbsp;&nbsp;</big></big></a>
  642. {/block:PreviousPage}
  643.  
  644. {block:NextPage}
  645. <a href="{NextPage}"><big><big>next</big></big></a>
  646. {/block:NextPage}
  647. {/block:Pagination}</div>
  648. </div></div>
  649. </div>
  650.  
  651.  
  652.  
  653.  
  654. <div id="box">
  655.  
  656. {block:Posts}
  657. <div id="post">
  658.  
  659. <!--TEXT POSTS-->
  660.  
  661. {block:Text}
  662. {block:Title}<h2><center>{Title}</center></h2>{/block:Title}
  663. {Body}
  664. {/block:Text}
  665.  
  666. <!--ASKS-->
  667.  
  668. {block:Answer}
  669. {QUESTION-400px}
  670. <div id="asks">
  671. <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>
  672. </div>
  673. {Answer}
  674. {/block:Answer}
  675.  
  676. <!--QUOTE POSTS-->
  677. {block:Quote}
  678.  
  679. {block:Quote}
  680. <h2>{Quote}</h2>
  681. <div align="right">
  682. {block:Source}<h1>-{Source}</h1>{/block:Source}
  683. </div>
  684. {/block:Quote}
  685. <!--LINK POSTS-->
  686.  
  687. {block:Link}
  688. <h2><center><a href="{URL}">{Name}</center></a></h2>
  689. {block:Description}{Description}{/block:Description}
  690. {/block:Link}
  691.  
  692. <!--CHAT POSTS-->
  693.  
  694. {block:Chat}
  695. {block:Title}<h2>{Title}</h2>{/block:Title}
  696. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  697. {Line}</li>{/block:Lines}</ul>
  698. {/block:Chat}
  699.  
  700. <!--PHOTO POSTS-->
  701.  
  702. {block:Photo}
  703. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  704.  
  705. {block:Caption}{Caption}{/block:Caption}
  706. {/block:Photo}
  707.  
  708. <!--PHOTOSET POSTS-->
  709.  
  710. {block:Photoset}
  711. {Photoset-400}
  712. {block:Caption}{Caption}{/block:Caption}
  713. {/block:Photoset}
  714.  
  715. <!--VIDEO POSTS-->
  716.  
  717. {block:Video}
  718. {Video-400}
  719. {block:Caption}{Caption}{/block:Caption}
  720. {/block:Video}
  721.  
  722.  
  723. <!--AUDIO-->
  724.  
  725. {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>
  726. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  727. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  728. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  729. {/block:Audio}
  730.  
  731.  
  732. <!--POST INFO-->
  733.  
  734.  
  735. <div id="info">
  736. <div id="permalink">
  737. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  738.  
  739.  
  740. {block:HasTags}{block:Tags} <a href="{TagURL}" >{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  741.  
  742.  
  743. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  744. </div>
  745.  
  746. <!--Simply don't remove it pls.-->
  747.  
  748. </div>
  749. </div>
  750.  
  751. </div>
  752. <div id="c">
  753. <a href="http://kaitrps.tumblr.com/">♚ </a>
  754.  
  755. </div>
  756. </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!