API tools faq
paste
Advertisement
itriedokay

villainous w/ title

itriedokay
Dec 2nd, 2013
1,434
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.37 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. <head>
  5. {block:iftinycursor}
  6. <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
  7. {/block:iftinycursor}
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="if:show captions" content="1">
  17. <meta name="if:infinite scroll" content="0">
  18. <meta name="if:Monochrome" content="0">
  19. <meta name="if:show tags" content="1">
  20. <meta name="if:400px" content="1">
  21. <meta name="if:500px" content="0">
  22. <meta name="if:Cover Background" content="0">
  23. <meta name="if:Repeated Background" content="1">
  24.  
  25. <meta name="text:Home Title" content="home"/>
  26. <meta name="text:Ask Url" content="/ask"/>
  27. <meta name="text:Ask Title" content="ask"/>
  28. <meta name="text:Link 1 Url" content="/"/>
  29. <meta name="text:Link 1 Title" content="Link 1"/>
  30. <meta name="text:Link 2 Url" content="/"/>
  31. <meta name="text:Link 2 Title" content="Link 2"/>
  32. <meta name="text:Link 3 Url" content="/"/>
  33. <meta name="text:Link 3 Title" content="Link 3"/>
  34. <meta name="text:Link 4 Url" content="/"/>
  35. <meta name="text:Link 4 Title" content="Link 4"/>
  36. <meta name="text:Link 5 Url" content="/"/>
  37. <meta name="text:Link 5 Title" content="Link 5"/>
  38. <meta name="text:Link 6 Url" content="/"/>
  39. <meta name="text:Link 6 Title" content="Link 6"/>
  40. <meta name="text:Link 7 Url" content="/"/>
  41. <meta name="text:Link 7 Title" content="Link 7"/>
  42. <meta name="text:Link 8 Url" content="/"/>
  43. <meta name="text:Link 8 Title" content="Link 8"/>
  44.  
  45. <meta name="color:background" content="#ffffff"/>
  46. <meta name="color:body" content="#999999"/>
  47. <meta name="color:description" content="#FFFFFF"/>
  48. <meta name="color:bold" content="#4ABAFF"/>
  49. <meta name="color:italic" content="#56D6D4"/>
  50. <meta name="color:blockquote" content="#b5dacd"/>
  51. <meta name="color:link" content="#8c8c8c"/>
  52. <meta name="color:link hover" content="#7bd3d1"/>
  53. <meta name="color:posts" content="#f3f3f3"/>
  54. <meta name="color:sidebar" content="#eeeeee"/>
  55. <meta name="color:sideimage bg" content="#efefef"/>
  56. <meta name="color:sidelink bg" content="#262626"/>
  57. <meta name="color:bar" content="#202020"/>
  58. <meta name="color:scrollbar" content="#b5dacd"/>
  59. <meta name="color:text highlight" content="#070707"/>
  60.  
  61.  
  62. <meta name="image:background" content=""/>
  63. <meta name="image:sidebar" content="http://static.tumblr.com/wm6ssjg/ksMmvaftn/tom_dont_do_the_thing.jpg"/>
  64. <meta name="image:sidebar bg" content=""/>
  65.  
  66.  
  67. <!--
  68. ^---^
  69. =o.o=
  70.  
  71. -itsacatshutup-
  72.  
  73. Theme by drunkdacl a.k.a chezkov a.k.a lunaticthemes
  74. hi guys!
  75.  
  76.  
  77. Please Do Not:
  78. -steal or use as base code
  79. -remove credit
  80.  
  81. It would be nice if you
  82. -like/reblog this
  83. -share with your besties
  84. -followed me
  85.  
  86. thank you! and if there are any bugs please message me
  87. (sorry if there are in advance)
  88.  
  89. what else do i even put here it's not like anyone reads it
  90. if you did what's crackalakin homeslice
  91.  
  92. -->
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98.     background-color:{color:scrollbar};
  99.     height:30px;
  100.     }
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103.     background-color:{color:scrollbar};
  104.     height:5px!important;
  105.     }
  106.  
  107. ::-webkit-scrollbar {
  108.     background-color:{color:background};
  109.     height:5px;
  110.     width:5px;
  111.     }
  112.  
  113. ::-moz-selection {
  114.     background: {color:text highlight};
  115.     color: #fff;
  116. }
  117. ::selection {
  118.     background: {color:text highlight};
  119.     color: #fff;
  120. }
  121.  
  122. /*basic*/
  123.  
  124. body {
  125.     font-family: 'Junge', serif;
  126.     font-size:10px;
  127.     margin: 0;
  128.     padding: 0px;
  129.     background: {color:background};
  130.     color: {color:body};
  131.     {block:ifrepeatedbackground}
  132.     background-attachment:fixed;
  133.     background-position:left top;
  134.     background-image:url('{image:background}');
  135.     background-repeat:repeat;
  136.     {/block:ifrepeatedbackground}
  137.     {block:ifcoverbackground}
  138.     background-attachment:fixed;
  139.     background-size:cover;
  140.     background-position:left top;
  141.     background-image:url('{image:background}');
  142.     background-repeat:no-repeat;
  143.     {/block:ifcoverbackground}
  144. }
  145.  
  146. a {
  147.     text-decoration: none;
  148.     -webkit-transition: all .2s ease-in-out;
  149.     color:{color:link};
  150. }
  151.  
  152. a:hover{
  153.     color: {color:link hover};
  154. }
  155.  
  156. b {
  157.     color:{color:bold};
  158. }
  159.  
  160. i {
  161.     color:{color:italic};
  162. }
  163.  
  164. blockquote {
  165.     margin: 0;
  166.     padding-left:5px;
  167.     border-left: 2px solid {color:blockquote};
  168. }
  169. iframe, img, embed, object, video {
  170.     max-width: 100%;
  171. }
  172. img {
  173.     height: auto;
  174.     width: auto;
  175.     padding:none;
  176. }
  177.  
  178. /*pagni*/
  179.  
  180. #pga {
  181.     width:250px;
  182.     height:25px;
  183.     position:fixed;
  184.     text-align:center;
  185.     top:450px;
  186.     left:135px;
  187. }
  188.  
  189. .next_page a{
  190.     display:inline-block;
  191.     padding: 5px;
  192.     width:40px;
  193.     font-size:7px;
  194.     text-decoration:none;
  195.     color:{color:link};
  196.     background:{color:background};
  197.     margin-left:25px;
  198.     position:absolute;
  199.     text-transform:uppercase;
  200.     letter-spacing:1px;
  201. }
  202.  
  203. .prev_page a{
  204.     display:inline-block;
  205.     padding: 5px;
  206.     width:40px;
  207.     font-size:7px;
  208.     text-decoration:none;
  209.     color:white;
  210.     color:{color:link};
  211.     background:{color:background};
  212.     margin-left:-75px;
  213.     position:absolute;
  214.     text-transform:uppercase;
  215.     letter-spacing:1px;
  216. }
  217.  
  218. .prev_page a:hover, .next_page a:hover {
  219.     background:{color:link hover};
  220.     color:{color:background};
  221. }
  222.  
  223. .pagni {
  224.     margin-top:5px;
  225. }
  226.  
  227. /*other stuff thing*/
  228.  
  229. #s-m-t-tooltip{
  230.   max-width:300px;
  231.   z-index:999999;
  232.   margin:10px;
  233.   padding:5px;
  234.   font-family:Verdana,Geneva,sans-serif;
  235.   font-size:8px;
  236.   line-height:8px;
  237.   letter-spacing:1px;
  238.   word-wrap:break-word;
  239.   color: {color:body};
  240.   background:{color:background};
  241.   border:1px solid {color:post border};
  242. }
  243.  
  244. #credz {
  245.     left:0px;
  246.     bottom:0px;
  247.     position:fixed;
  248.     font-size:7px;
  249.     letter-spacing:1px;
  250.     font-family:Verdana,Geneva,sans-serif;
  251.     padding:2px;
  252. }
  253.  
  254. /*posts*/
  255.  
  256. #content {
  257.     position:relative;
  258.     margin-bottom:100px;
  259.     margin-left:500px;
  260.     {block:if500px}
  261.     width:500px;
  262.     {/block:if500px}
  263.     {block:if400px}
  264.     width:400px;
  265.     {/block:if400px}
  266.     z-index:10;
  267. }
  268.  
  269. article {
  270.     font-size:10px;
  271.     overflow:hidden;
  272.     margin-top:40px;
  273.     margin-bottom:20px;
  274.     padding:10px;
  275.     text-align:left;
  276.     background:{color:posts};
  277.     {block:if500px}
  278.     width:500px;
  279.     {/block:if500px}
  280.     {block:if400px}
  281.     width:400px;
  282.     {/block:if400px}
  283.     {block:ifmonochrome}
  284.     filter: gray;
  285.     -webkit-filter: grayscale(100%);
  286.     {/block:ifmonochrome}
  287.     -webkit-transition: all .4s ease-in-out;
  288. }
  289.  
  290. article:hover {
  291.     {block:ifmonochrome}
  292.     -webkit-filter: grayscale(0%);
  293.     {/block:ifmonochrome}
  294.     -webkit-transition: all .4s ease-in-out;
  295. }
  296.  
  297.  
  298. .noteth {
  299.     height:10px;
  300.     text-transform:lowercase;
  301.     font-size:8px;
  302.     text-align:right;
  303.     {block:if500px}
  304.     width:500px;
  305.     {/block:if500px}
  306.     {block:if400px}
  307.     width:400px;
  308.     {/block:if400px}
  309.     margin-top:11px;
  310.     margin-left:0px;
  311.     -webkit-transition: all .2s ease-in-out;
  312.     text-align:left;
  313.     opacity:0.7;
  314.     letter-spacing:0px;
  315.     color:{color:notelink};
  316.     font-family: 'Anonymous Pro', sans-serif;
  317. }
  318. .noteth a {
  319.     padding-right:2px;
  320. }
  321.  
  322. .noteth b {
  323.     color:{color:link};
  324.     -webkit-transition: all .2s ease-in-out;
  325. }
  326.  
  327. .noteth b:hover {
  328.     color:{color:link hover};
  329.     -webkit-transition: all .2s ease-in-out;
  330. }
  331.  
  332. .tags {
  333.     opacity:0.8;
  334.     font-family: 'Anonymous Pro', sans-serif;
  335.     margin-left:0px;
  336.     position:relative;
  337.     text-transform:none;
  338.     {block:if500px}
  339.     width:500px;
  340.     {/block:if500px}
  341.     {block:if400px}
  342.     width:400px;
  343.     {/block:if400px}
  344.     text-align:left;
  345.     font-size:7px;
  346.     -webkit-transition: all .4s ease-in-out;
  347. }
  348. .tags a
  349.     color:{color:link hover};
  350. }
  351.  
  352. .tags:hover {
  353.     color:{color:link};
  354.     }
  355.  
  356. .chat ul {
  357.     list-style: none;
  358.     margin: 0;
  359.     padding:0;
  360. }
  361.  
  362.  
  363. #postynotey {
  364.     display:inline-block;
  365.     {block:if500px}
  366.     width:500px;
  367.     {/block:if500px}
  368.     {block:if400px}
  369.     width:400px;
  370.     {/block:if400px}
  371.     text-align:left;
  372.     line-height:20px;
  373. }
  374.  
  375. #postynotey a{
  376.     padding-left:5px;
  377. }
  378.  
  379. #postynotey img{
  380.     width:16px;
  381.     position:absolute;
  382.     margin-left:-10px;
  383.  
  384. }
  385.  
  386. /*side*/
  387.  
  388. #bar1 {
  389.     height:100%;
  390.     width:100px;
  391.     top:0px;
  392.     left:0px;
  393.     background:{color:bar};
  394.     position:fixed;
  395.     z-index:1;
  396.     }
  397.    
  398. #bar2{
  399.     height:100%;
  400.     width:325px;
  401.     top:0px;
  402.     left:100px;
  403.     background:{color:sidebar};
  404.     background-attachment:fixed;
  405.     background-position:100px;
  406.     background-image:url('{image:sidebar bg}');
  407.     background-size:325px;
  408.     background-repeat:repeat-y;
  409.     position:fixed;
  410.     z-index:2;
  411.     }
  412.  
  413. #side{
  414.     top:200px;
  415.     left:135px;
  416.     position:fixed;
  417.     background:{color:background};
  418.     width:250px;
  419.     height:250px;
  420.     overflow-y:scroll;
  421. }
  422.  
  423. #side img {
  424.     width:100px;
  425.     background:{color:sideimage bg};
  426.     z-index:3;
  427.     -webkit-transition : -webkit-filter 0.2s linear;
  428.     padding:8px;
  429.     max-height:150px;
  430.     float:left;
  431.     margin-left:10px;
  432.     margin-top:10px;
  433.     margin-right:10px;
  434. }
  435.  
  436. #side p {
  437.     padding:10px;
  438.     font-size:10px;
  439. }
  440.  
  441. #link {
  442.     width:80px;
  443.     display:inline-block;
  444.     position:fixed;
  445.     top:150px;
  446.     left:10px;
  447.     z-index:4;
  448.     font-size:10px;
  449.     text-align:center;
  450. }
  451.  
  452. #link a {
  453.     font-family: helvetica;
  454.     display:inline-block;
  455.     width:70px;
  456.     padding:13px 5px 13px 5px;
  457.     margin-bottom:5px;
  458.     line-height:10px;
  459.     letter-spacing:2px;
  460.     text-transform:uppercase;
  461.     background:{color:sidelink bg};
  462.     font-size:7px;
  463. }
  464.  
  465. #link a:hover {
  466.     background:{color:link hover};
  467.     border-bottom:none;
  468.     color:{color:background};
  469. }
  470.  
  471. #desc {
  472.     top:270px;
  473.     left:140px;
  474.     width:165px;
  475.     position:fixed;
  476. }
  477.  
  478. #desc p {
  479.     word-break:break-word;
  480.     font-size:10px;
  481.     background:{color:description};
  482.     padding:10px;
  483.     color:{color:body};
  484.     opacity:0;
  485.     -webkit-transition : all 0.2s linear;
  486. }
  487.  
  488. .hover:hover #desc p{
  489.     opacity:0.8;
  490.     -webkit-transition : all 0.2s linear;
  491. }
  492.  
  493. .hover {
  494.     position:fixed;
  495.     z-index:3;
  496. }
  497.  
  498. #title {
  499.     position:absolute;
  500.     top:165px;
  501.     width:325px;
  502.     text-align:center;
  503.     opacity:0.9;
  504. }
  505.  
  506. #ttl p {
  507.     display:inline-block;
  508.     background:{color:background};
  509.     padding:5px 10px 5px 10px;
  510.     letter-spacing:2px;
  511.     text-transform:uppercase;
  512. }
  513.  
  514. {CustomCSS}
  515. </style>
  516.  
  517. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  518. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  519. <script>
  520. (function($){
  521. $(document).ready(function(){
  522. $("[title]").style_my_tooltips();
  523. });
  524. })(jQuery);
  525. </script>
  526. </head>
  527.  
  528. <body>
  529.  
  530. <div id="bar1">
  531. </div>
  532. <div id="bar2">
  533. <div id=title>
  534.     <div id="ttl">
  535.     <p>{title}</p>
  536.     </div>
  537. </div>
  538. </div>
  539.  
  540. <div class="hover">
  541. <div id="side">
  542. <img src="{image:sidebar}">
  543. <p>
  544. {Description}
  545. </p>
  546. </div>
  547.  
  548. <div id="pga">
  549. <div class="pagni">
  550. {block:Pagination}
  551. <div class="prev_page">{block:previouspage}<a href="{PreviousPage}">previous</a>{/block:previouspage}</div>
  552. <div class="next_page">{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
  553. {/block:Pagination}
  554. </div>
  555. </div>
  556.  
  557. <div id="link">
  558.     <a href="/">{text:home title}</a>
  559.     <a href="{text:ask Url}">{text:ask title}</a>
  560.     {block:IfLink1Url}<a href="{text:link 1 Url}">{text:link 1 title}</a>{/block:IfLink1Url}
  561.     {block:IfLink2Url}<a href="{text:link 2 Url}">{text:link 2 title}</a>{/block:IfLink2Url}
  562.     {block:IfLink3Url}<a href="{text:link 3 Url}">{text:link 3 title}</a>{/block:IfLink3Url}
  563.     {block:IfLink4Url}<a href="{text:link 4 Url}">{text:link 4 title}</a>{/block:IfLink4Url}
  564.     {block:IfLink5Url}<a href="{text:link 5 Url}">{text:link 5 title}</a>{/block:IfLink5Url}
  565.     {block:IfLink6Url}<a href="{text:link 6 Url}">{text:link 6 title}</a>{/block:IfLink6Url}
  566.     {block:IfLink7Url}<a href="{text:link 7 Url}">{text:link 7 title}</a>{/block:IfLink7Url}
  567.     {block:IfLink8Url}<a href="{text:link 8 Url}">{text:link 8 title}</a>{/block:IfLink8Url}
  568.     <a href="http://lunaticthemes.tumblr.com" target:"_blank">theme</a>
  569. </div>
  570.  
  571. </div>
  572. <div id="content">
  573.  
  574. {block:Posts}
  575.  
  576. <article>
  577.  
  578. {block:Answer}
  579. <div class="answr">
  580. <p><i>{Asker} asked "{Question}"</i></p>
  581. <br>
  582. <p>{Answer}</p>
  583. </div>
  584. {/block:Answer}
  585.  
  586.  
  587. {block:Title}
  588. <h3><a href="{Permalink}">{Title}</a></h3>
  589. {/block:Title}
  590. {block:Text}
  591. {Body}        
  592. {/block:Text}
  593.  
  594. {block:Photo}
  595. {block:if500px}
  596. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  597. {/block:if500px}
  598. {block:if400px}
  599. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  600. {/block:if400px}
  601. {block:IfShowCaptions}
  602. {block:Caption}
  603. <div class="caption">{Caption}</div>
  604. {/block:Caption}
  605. {block:IfShowCaptions}
  606. {/block:Photo}
  607.  
  608. {block:Photoset}
  609. {block:if500px}
  610. {Photoset-500}
  611. {/block:if500px}
  612. {block:if400px}
  613. {Photoset-400}
  614. {/block:if400px}
  615. {block:IfShowCaptions}
  616. {block:Caption}
  617. <div class="caption">{Caption}</div>
  618. {/block:Caption}
  619. {block:IfShowCaptions}
  620. {/block:Photoset}
  621.  
  622. {block:Quote}
  623. "{Quote}"
  624.  
  625. {block:Source}
  626. <center>
  627. <div class="source">—{Source}</div>
  628. {/block:Source}
  629. {/block:Quote}
  630.  
  631. {block:Link}
  632. <a href="{URL}" class="link" {Target}>{Name}</a>
  633.  
  634. {Description}
  635. {/block:Description}
  636. {/block:Link}
  637.  
  638. {block:Chat}
  639. {block:Title}
  640. <h3><a href="{Permalink}">{Title}</a></h3>
  641. {/block:Title}
  642.  
  643. {block:Chat}
  644. <div class="chat"><ul>{block:Lines}
  645. <li class="person{UserNumber}">{block:Label}
  646. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  647. {/block:Chat}
  648.  
  649. {block:Video}
  650. {Video-500}
  651. {block:IfShowCaptions}
  652. {block:Caption}
  653. <div class="caption">{Caption}</div>
  654. {/block:Caption}
  655. {block:IfShowCaptions}
  656. {/block:Video}
  657.  
  658.  
  659. {block:Audio}
  660. <div id="audioplayer">{AudioPlayergrey} </div>      
  661. {PlayCountWithLabel}
  662. {block:caption}{caption}{/block:caption}
  663. {/block:Audio}
  664.  
  665.  
  666. <div class="noteth">
  667. <a href="{Permalink}">{block:Date}<b>{ShortMonth}{DayOfMonthWithZero}</b>{/block:Date}</a><a href="{Permalink}">
  668. {NoteCountWithLabel}</a>{/block:NoteCount}
  669.  {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{reblogparentname}"> via</a>{/block:RebloggedFrom}{block:ContentSource} <a href="{sourceurl}" title="{sourcetitle}"> source</a>{/block:ContentSource}
  670. </div>
  671. {block:ifshowtags}
  672.     <div class="tags">{block:HasTags}filed under:{block:Tags}<a href="/tagged/{Tag}"> {Tag},</a>{/block:Tags}{block:HasTags}</div>
  673. {/block:ifshowtags}
  674.  
  675.  
  676. {block:PermalinkPage}
  677. <div id="postynotey">
  678. {block:PostNotes}
  679. {PostNotes}
  680. </div>
  681. {/block:PostNotes}
  682. {/block:PermalinkPage}
  683.  
  684.  </article>
  685.  
  686. {/block:Posts}
  687. </div>
  688.  
  689. <div id="credz">
  690. <a href="http://lunaticthemes.tumblr.com/" title="theme" target="_blank">CREDIT</a>
  691. </div>
  692.  
  693. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  694. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  695. {block:ifinfinitescroll}
  696. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  697. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  698. {/block:ifinfinitescroll}
  699.  
  700. <script>
  701. (function() {
  702.     var $tumblelog = $('#content');
  703.    
  704.     $tumblelog.infinitescroll({
  705.         navSelector  : "#pga",            
  706.         nextSelector : "#pga a:first",    
  707.         itemSelector : "article",
  708.         bufferPx     : 50,
  709.         done : "",
  710.         loading: {
  711.             img : "",
  712.             msgText: ""
  713.         },
  714.     },
  715.       function( newElements ) {
  716.             var $newElems = $( newElements ).css({ opacity: 0 });
  717.             $newElems.imagesLoaded(function(){
  718.                 $newElems.animate({ opacity: 1 });
  719.                 $tumblelog.masonry( 'appended', $newElems);
  720.             });
  721.           }
  722.     );
  723.    
  724.     $tumblelog.imagesLoaded( function(){
  725.       $tumblelog.masonry({
  726.         columnWidth: function( containerWidth ) {
  727.             return containerWidth / 100;
  728.           }
  729.       });
  730.     });
  731. })();
  732. </script>
  733.  
  734.  
  735. </body>
  736.  
  737. </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!