API tools faq
paste
delevogue

theme 30 by nanda

delevogue
Nov 19th, 2013
207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.24 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. <!-- THEME MADE BY NANDA, DO NOT REMOVE THE CREDIT OK BYE -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#afafaf"/>
  13. <meta name="color:Link" content="#868686"/>
  14. <meta name="color:Hover" content="#f0f0f0"/>
  15. <meta name="color:Scrollbar" content="#cccccc"/>
  16.  
  17. <meta name="image:Sidebar" content=""/>
  18.  
  19. <meta name="text:Link1" content="/" />
  20. <meta name="text:Link1 Title" content="" />
  21. <meta name="text:Link2" content="/" />
  22. <meta name="text:Link2 Title" content="" />
  23. <meta name="text:Link3" content="/" />
  24. <meta name="text:Link3 Title" content="" />
  25. <meta name="text:Link4" content="/" />
  26. <meta name="text:Link4 Title" content="" />
  27. <meta name="text:Link5" content="/" />
  28. <meta name="text:Link5 Title" content="" />
  29.  
  30. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  31. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32. <link rel="shortcut icon" href="{Favicon}" />
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34.  
  35. <style type="text/css">
  36.  
  37. #bite
  38. #bite a{
  39. display:block
  40. }
  41. #bite .death {
  42. margin-top:0px;filter: alpha(opacity = 0);
  43. opacity:0;-webkit-transition: all 0.5s ease-out;
  44. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  45. }
  46.  
  47. #bite:hover .death {
  48. margin-top:0px;
  49. -webkit-transition: all 0.8s ease-out;
  50. -moz-transition: all 0.8s ease-out;
  51. transition: all 0.8s ease-out;
  52. filter: alpha(opacity = 100);
  53. filter: alpha(opacity = 100);
  54. opacity:100;
  55. }
  56.  
  57.  
  58. a {
  59. color:{color:link};
  60. text-decoration:none;
  61. -moz-transition-duration:0.5s;
  62. -webkit-transition-duration:0.5s;
  63. -o-transition-duration:0.5s;
  64. }
  65.  
  66. a:hover {
  67. color:{color:hover};
  68. text-decoration:none;
  69. -moz-transition-duration:0.5s;
  70. -webkit-transition-duration:0.5s;
  71. -o-transition-duration:0.5s;
  72. }
  73.  
  74.  
  75. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  76.  
  77. ::-webkit-scrollbar-thumb{
  78. background-color: #dddddd;
  79. border: 2px solid #fff;
  80. height:auto;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. height:9px;
  85. width:9px;
  86. background-color: #eeeeee;
  87. border: 4px solid #fff;
  88. }
  89.  
  90. body {
  91. background-color:#ffffff;
  92. font-family:cambria;
  93. font-weight:normal;
  94. }
  95.  
  96.  
  97.  
  98.  
  99. h1 {
  100. font-weight:normal;
  101. font-size:10px;
  102. text-align:center;
  103. font-style:normal;
  104. line-height:80%;
  105. letter-spacing:1px;
  106. text-transform:uppercase;
  107. color:{color:text};
  108. }
  109.  
  110. h2 {
  111. font-size:15px;
  112. text-align:center;
  113. line-height:100%;
  114. letter-spacing:-0.5px;
  115. color:{color:text};
  116. font-weight:normal;
  117. padding:5px;
  118. padding-bottom:2px;
  119. }
  120.  
  121.  
  122. blockquote {
  123. border-left:2px solid {color:text};
  124. padding-left:5px;
  125. margin:5px;
  126. }
  127.  
  128. #theme {
  129. background-color:{color:bg};
  130. width:700px;
  131. margin: 0 auto -12px auto;
  132. text-align: center;
  133. }
  134.  
  135. #sidebar {
  136. color:{color:text};
  137. position:fixed;
  138. width:150px;
  139. height:auto;
  140. margin-top:180px;
  141. margin-left:-60px;
  142. text-align:left;
  143. }
  144.  
  145. #sidebar img {
  146. width:200px;
  147. height:140px;
  148. margin-bottom:-4px;
  149. margin-left:-7px;
  150. }
  151.  
  152. .desc {
  153. padding:2px;
  154. font-size:11px;
  155. opacity: 0.8;
  156. text-align:center;
  157. margin-top:-125px;
  158. margin-left:8px;
  159. width:166px;
  160. height:106px;
  161. position:fixed;
  162. background-color: #ffffff;
  163. }
  164.  
  165.  
  166. .pagi {
  167. font-size:10px;
  168. letter-spacing:1px;
  169. font-style:italic;
  170. text-align:left;
  171. }
  172.  
  173. .pagi a {
  174. color:{color:link};
  175. }
  176.  
  177.  
  178. .fuck {
  179.  
  180. display: inline-block;
  181.  
  182.  
  183. text-align:left;
  184.  
  185. position: fixed;
  186.  
  187. padding: 5px;
  188.  
  189. width: 15px;
  190.  
  191. height: 100px;
  192.  
  193. background: #f0f0f0;
  194.  
  195. border-bottom-left-radius: 10px;
  196.  
  197. border-bottom-right-radius: 10px;
  198.  
  199. transition: all 0.5s ease-out;
  200.  
  201. -o-transition-transition: all 0.5s ease-out;
  202.  
  203. -webkit-transition: all 0.5s ease-out;
  204.  
  205. -moz-transition: all 0.5s ease-out;
  206.  
  207. margin: 0px 0px 0px 30px;
  208.  
  209. }
  210.  
  211. .fucktext{
  212. -webkit-transform: rotate(90deg);
  213.  
  214. -moz-transform: rotate(90deg);
  215.  
  216. transform: rotate(90deg);
  217. }
  218.  
  219.  
  220.  
  221. .fuck:hover {
  222.  
  223. transition: all 0.5s ease-out;
  224.  
  225. -o-transition-transition: all 0.6s ease-out;
  226.  
  227. -webkit-transition: all 0.6s ease-out;
  228.  
  229. -moz-transition: all 0.6s ease-out;
  230.  
  231. margin-top: 30px;
  232.  
  233.  
  234.  
  235.  
  236.  
  237.  
  238. }
  239.  
  240. .bitch {
  241.  
  242. display: inline-block;
  243.  
  244.  
  245. text-align:left;
  246.  
  247. position: fixed;
  248.  
  249. padding: 5px;
  250.  
  251. width: 15px;
  252.  
  253. height: 100px;
  254.  
  255. background: #dddddd;
  256.  
  257. border-bottom-left-radius: 10px;
  258.  
  259. border-bottom-right-radius: 10px;
  260.  
  261. transition: all 0.5s ease-out;
  262.  
  263. -o-transition-transition: all 0.5s ease-out;
  264.  
  265. -webkit-transition: all 0.5s ease-out;
  266.  
  267. -moz-transition: all 0.5s ease-out;
  268.  
  269. margin: 0px 0px 0px 55px;
  270.  
  271. }
  272.  
  273. .bitchtext{
  274. -webkit-transform: rotate(90deg);
  275.  
  276. -moz-transform: rotate(90deg);
  277.  
  278. transform: rotate(90deg);
  279. }
  280.  
  281.  
  282.  
  283. .bitch:hover {
  284.  
  285. transition: all 0.5s ease-out;
  286.  
  287. -o-transition-transition: all 0.6s ease-out;
  288.  
  289. -webkit-transition: all 0.6s ease-out;
  290.  
  291. -moz-transition: all 0.6s ease-out;
  292. margin-top: 30px;
  293.  
  294.  
  295.  
  296.  
  297.  
  298. }
  299.  
  300. .slut {
  301.  
  302. display: inline-block;
  303.  
  304.  
  305. text-align:left;
  306.  
  307. position: fixed;
  308.  
  309. padding: 5px;
  310.  
  311. width: 15px;
  312.  
  313. height: 100px;
  314.  
  315. background: #d3d3d3;
  316.  
  317. border-bottom-left-radius: 10px;
  318.  
  319. border-bottom-right-radius: 10px;
  320.  
  321. transition: all 0.5s ease-out;
  322.  
  323. -o-transition-transition: all 0.5s ease-out;
  324.  
  325. -webkit-transition: all 0.5s ease-out;
  326.  
  327. -moz-transition: all 0.5s ease-out;
  328.  
  329. margin: 0px 0px 0px 80px;
  330.  
  331. }
  332.  
  333. .sluttext{
  334. -webkit-transform: rotate(90deg);
  335.  
  336. -moz-transform: rotate(90deg);
  337.  
  338. transform: rotate(90deg);
  339. }
  340.  
  341.  
  342.  
  343. .slut:hover {
  344.  
  345. transition: all 0.5s ease-out;
  346.  
  347. -o-transition-transition: all 0.6s ease-out;
  348.  
  349. -webkit-transition: all 0.6s ease-out;
  350.  
  351. -moz-transition: all 0.6s ease-out;
  352.  
  353. margin-top: 30px;
  354.  
  355.  
  356.  
  357.  
  358.  
  359. }
  360.  
  361. .hoe {
  362.  
  363. display: inline-block;
  364.  
  365.  
  366. text-align:left;
  367.  
  368. position: fixed;
  369.  
  370. padding: 5px;
  371.  
  372. width: 15px;
  373.  
  374. height: 100px;
  375.  
  376. background: #c9c9c9;
  377.  
  378. border-bottom-left-radius: 10px;
  379.  
  380. border-bottom-right-radius: 10px;
  381.  
  382. transition: all 0.5s ease-out;
  383.  
  384. -o-transition-transition: all 0.5s ease-out;
  385.  
  386. -webkit-transition: all 0.5s ease-out;
  387.  
  388. -moz-transition: all 0.5s ease-out;
  389.  
  390. margin: 0px 0px 0px 105px;
  391.  
  392. }
  393.  
  394. .hoetext{
  395. -webkit-transform: rotate(90deg);
  396.  
  397. -moz-transform: rotate(90deg);
  398.  
  399. transform: rotate(90deg);
  400. }
  401.  
  402.  
  403.  
  404. .hoe:hover {
  405.  
  406. transition: all 0.5s ease-out;
  407.  
  408. -o-transition-transition: all 0.6s ease-out;
  409.  
  410. -webkit-transition: all 0.6s ease-out;
  411.  
  412. -moz-transition: all 0.6s ease-out;
  413. margin-top: 30px;
  414.  
  415.  
  416.  
  417.  
  418.  
  419. }
  420.  
  421. .cunt {
  422.  
  423. display: inline-block;
  424.  
  425.  
  426. text-align:left;
  427.  
  428. position: fixed;
  429.  
  430. padding: 5px;
  431.  
  432. width: 15px;
  433.  
  434. height: 100px;
  435.  
  436. background: #c2c2c2;
  437.  
  438. border-bottom-left-radius: 10px;
  439.  
  440. border-bottom-right-radius: 10px;
  441.  
  442. transition: all 0.5s ease-out;
  443.  
  444. -o-transition-transition: all 0.5s ease-out;
  445.  
  446. -webkit-transition: all 0.5s ease-out;
  447.  
  448. -moz-transition: all 0.5s ease-out;
  449.  
  450. margin: 0px 0px 0px 130px;
  451.  
  452. }
  453.  
  454. .cunttext{
  455. -webkit-transform: rotate(90deg);
  456.  
  457. -moz-transform: rotate(90deg);
  458.  
  459. transform: rotate(90deg);
  460. }
  461.  
  462.  
  463.  
  464. .cunt:hover {
  465.  
  466. transition: all 0.5s ease-out;
  467.  
  468. -o-transition-transition: all 0.6s ease-out;
  469.  
  470. -webkit-transition: all 0.6s ease-out;
  471.  
  472. -moz-transition: all 0.6s ease-out;
  473.  
  474. margin-top: 30px;
  475.  
  476.  
  477.  
  478.  
  479.  
  480. }
  481.  
  482. #stuffcontainer {
  483. float:left;
  484. margin-left:35px;
  485. margin-top:0px;
  486. text-align:justify;
  487. background-color:{color:bg};
  488. color:{color:text};
  489. margin-bottom: 35px;
  490. }
  491.  
  492. #stuffcontainer {
  493. float:left;
  494. margin-left:200px;
  495. padding:20px;
  496. padding-top:50px;
  497. padding-bottom:70px;
  498. margin-top:0px;
  499. text-align:justify;
  500. }
  501.  
  502.  
  503. #stuff {
  504. width:400px;
  505. margin-top:30px;
  506. text-align:justify;
  507. font-size:11px;
  508. line-height:90%;
  509. letter-spacing:0x;
  510. -moz-transition-duration:0.5s;
  511. -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;
  512. }
  513.  
  514. #stuff img:hover {
  515. opacity:0.8;
  516. -moz-transition-duration:0.5s;
  517. -webkit-transition-duration:0.5s; -o-transition-duration:0.5s;
  518. }
  519.  
  520. .caption {
  521. width:500px;
  522. text-align:justify;
  523. line-height:120%;
  524. }
  525.  
  526. /**Ask Posts**/
  527.  
  528. .ask {
  529. padding:10px;
  530. text-align:center;
  531. color:{color:asktext};
  532. background-color:{color:infobg};
  533. }
  534.  
  535. .ans {
  536. text-align:left;
  537. padding:5px;
  538. color:{color:text};
  539. }
  540.  
  541. /**Audio Posts**/
  542.  
  543. .audio {
  544. height:60px;
  545. padding:5px;
  546. margin-bottom:55px;
  547. }
  548.  
  549. .audio-album {
  550. position:absolute;
  551. width:110px;
  552. -webkit-transition: opacity 0.6s linear;
  553. opacity: 1;
  554. }
  555.  
  556. .audio-player {
  557. opacity:1;
  558. filter:alpha(opacity=90);
  559. width:25px;
  560. height:25px;
  561. overflow:hidden;
  562. position:absolute;
  563. border:30px;
  564. z-index:2;
  565. margin-left:43px;
  566. margin-top:43px;
  567. opacity:0;
  568. -webkit-transition: all 0.6s ease-out;
  569. -o-transition: all 0.6s ease-out;
  570. -webkit-transition: all 0.6s ease-out;
  571. -moz-transition: all 0.6s ease-out;
  572. }
  573.  
  574. .audio-info {
  575. margin-top:7px;
  576. position:relative;
  577. margin-left:120px;
  578. line-height:180%;
  579. padding:2px;
  580. }
  581.  
  582. .audio:hover .audio-player {
  583. opacity:.6;
  584. -webkit-transition: all 0.6s ease-out;
  585. -o-transition: all 0.6s ease-out;
  586. -webkit-transition: all 0.6s ease-out;
  587. -moz-transition: all 0.6s ease-out;
  588. }
  589.  
  590. /**Chat Posts**/
  591.  
  592. ul.chat, .chat ol, .chat li {
  593. list-style:none;
  594. margin:0px;
  595. padding:2px;
  596. }
  597.  
  598. .label {
  599. text-decoration:bold;
  600. font-weight:700;
  601. margin-right:5px;
  602. }
  603.  
  604. /**Post Info, Notes**/
  605.  
  606. #postinfo {
  607. width:395px;
  608. padding:3px;
  609. font-size:9px;
  610. color:{color:link};
  611. text-transform:lowercase;
  612. font-style:normal;
  613. letter-spacing:2px;
  614. text-align:center;
  615. border-top:double #eeeeee;
  616. border-bottom:double #eeeeee;
  617. -moz-transition-duration:0.5s;
  618. -webkit-transition-duration:0.5s;
  619. -o-transition-duration:0.5s;
  620. }
  621.  
  622. #postinfo a {
  623. color:{color:link};
  624. text-align:center;
  625. letter-spacing:1px;
  626. font-style:normal;
  627. }
  628.  
  629. #postinfo a:hover {
  630. color:{color:hover};
  631. }
  632.  
  633. #tags {
  634. text-align:center;
  635. font-size:10px;
  636. font:georgia;
  637. }
  638.  
  639. .note {
  640. text-transform:lowercase;
  641. font-style:normal;
  642. letter-spacing:0px;
  643. font-size: 9px;
  644. text-align:left;
  645. line-height:90%;
  646. margin-left:-20px;
  647. padding-bottom:-10px;
  648. }
  649.  
  650. .note li {
  651. list-style-type:none;
  652. padding:10px 25px 10px 25px;
  653. text-align:left;
  654. margin:0px;
  655. -moz-transition-duration:0.5s;
  656. -webkit-transition-duration:0.5s;
  657. -o-transition-duration:0.5s;
  658. }
  659.  
  660. #credit {
  661. position:fixed;
  662. font-size:10px;
  663. font-weight:normal;
  664. line-height:150%;
  665. letter-spacing:2px;
  666. right:10px;
  667. bottom:10px;
  668. text-transform:uppercase;
  669. text-align:center;
  670. }
  671.  
  672. #credit a {
  673. padding:3px;
  674. color:{color:link};
  675. background-color:{color:background};
  676. -moz-transition-duration:0.5s;
  677. -webkit-transition-duration:0.5s;
  678. -o-transition-duration:0.5s;
  679. }
  680.  
  681. {CustomCSS}
  682.  
  683. </style></head>
  684.  
  685. <body>
  686. <div id="theme">
  687. <div id="bite">
  688. <div id="sidebar">
  689. <img src="{image:sidebar}">
  690. <div class="fuck"><div class="fucktext"><a href="{text:Link1}">{text:Link1 Title}</a></div></div></body>
  691. <div class="bitch"><div class="bitchtext"><a href="{text:Link2}">{text:Link2 Title}</a></div></div>
  692. <div class="slut"><div class="sluttext"><a href="{text:Link3}">{text:Link3 Title}</a></div></div>
  693. <div class="hoe"><div class="hoetext"><a href="{text:Link4}">{text:Link4 Title}</a></div></div>
  694. <div class="cunt"><div class="cunttext"><a href="{text:Link5}">{text:Link5 Title}</a></div></div>
  695. <div class="death">
  696. <div class="desc">
  697. {Description}
  698. <p>
  699. <i>{block:Pagination}
  700. {block:PreviousPage}
  701. <a href="{PreviousPage}">back </a>
  702. {/block:PreviousPage}
  703. —
  704. {block:NextPage}
  705. <a href="{NextPage}"> forth</a>
  706. {/block:NextPage}
  707. {/block:Pagination}</i>
  708. </div></div></div></div>
  709.  
  710. <div id="stuffcontainer">
  711.  
  712. {block:Posts}
  713.  
  714. <div id="stuff">
  715.  
  716. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  717.  
  718. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  719.  
  720. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  721. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  722.  
  723. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  724.  
  725. {block:Photoset}<center>{Photoset-400}</center>
  726. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  727.  
  728. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  729.  
  730. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  731.  
  732. {block:Answer}<div class="ask"><i>{Asker} whispered:</i> {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  733.  
  734. {block:Audio}
  735. <div class="audio">
  736. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  737. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  738.  
  739. <div class="audio-info">
  740. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  741. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  742. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  743. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  744. </div></div>
  745. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  746. {/block:Audio}
  747.  
  748. <div id="postinfo">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} + <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div><br>
  749. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  750. </div>
  751. {/block:Posts}
  752.  
  753. {block:PostNotes}
  754. {PostNotes}
  755. {/block:PostNotes}
  756.  
  757. </div>
  758.  
  759. <div style="position:fixed; bottom:3px; margin-bottom:15px; font-size: 35px; right:3px;"><a href="http://lizzygrent.tumblr.com">✌</a></div>
  760.  
  761. </div>
  762. </div>
  763. </div>
  764. </body>
  765. </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!