API tools faq
paste
Advertisement
Guest User

OKAY THEME

a guest
Jul 11th, 2014
1,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.94 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. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <!--
  6.  
  7. OKAY THEME BY CAULIFLORUS FOR PAINTBRUSHTHEMES
  8.  
  9. don't steal this please and keep the description short, thanks :')
  10.  
  11. -->
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  16. </script>
  17. <script type="text/javascript">
  18. $(document).ready(function(){
  19. $(".links_body").hide();
  20. $(".links_head").click(function(){
  21. $(this).next(".links_body").slideToggle('fast');
  22. }); }); </script>
  23.  
  24. <style type="text/css">
  25. .links_head {text-align:center;cursor:help;color:{color:blog title}}
  26. .links_body {text-align:center;padding:3px;}
  27. </style>
  28.  
  29. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/95njt7t/WY7lqgdrx/backtotop_arrowblk.png" border="0"></a>
  30.  
  31. <script type="text/javascript"
  32.  
  33. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  34.  
  35.  
  36.  
  37. <script type="text/javascript"
  38.  
  39. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  40.  
  41.  
  42.  
  43. <title>{title}</title>
  44.  
  45.  
  46.  
  47. <link rel="shortcut icon" href="{Favicon}">
  48.  
  49.  
  50.  
  51. <meta name="color:Background" content="#FFF"/>
  52.  
  53. <meta name="color:Text" content="#AAA"/>
  54.  
  55. <meta name="color:Hover" content="#a0a0a0"/>
  56.  
  57. <meta name="color:Link" content="#777676"/>
  58.  
  59. <meta name="color:blog title" content="#eee"/>
  60.  
  61. <meta name="color:post title" content="#eee"/>
  62.  
  63. <meta name="color:borders" content="#eee"/>
  64.  
  65. <meta name="image:Left Background" content""/>
  66.  
  67. <meta name="image:Right Background" content""/>
  68.  
  69. <meta name="text:title2" content="okay" />
  70.  
  71. <meta name="text:Link 1 URL" content=""/>
  72.  
  73. <meta name="text:Link 1 Title" content=""/>
  74.  
  75. <meta name="text:Link 2 URL" content="/">
  76.  
  77. <meta name="text:Link 2 Title" content=""/>
  78.  
  79. <meta name="text:Link 3 URL" content=""/>
  80.  
  81. <meta name="text:Link 3 Title" content=""/>
  82.  
  83. <meta name="text:Link 4 URL" content=""/>
  84.  
  85. <meta name="text:Link 4 Title" content=""/>
  86.  
  87.  
  88. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  89. <script>
  90. (function($){
  91. $(document).ready(function(){
  92. $("[title]").style_my_tooltips({
  93. tip_follows_cursor:true,
  94. tip_delay_time:200,
  95. tip_fade_speed:300
  96. }
  97. );
  98. });
  99. })(jQuery);
  100. </script>
  101.  
  102. <style type="text/css">
  103.  
  104. #s-m-t-tooltip{
  105. max-width:300px;
  106. margin:15px;
  107. padding:2px 8px;
  108. border:1px solid #DDD;
  109. background:#FFF;
  110. color:#AAA;
  111. z-index:999999;
  112. font-size:8px;
  113. font-style:italic;
  114. text-transform:lowercase;
  115. }
  116.  
  117.  
  118. #scrollToTop:link,#scrollToTop:visited {
  119. color: transparent;
  120. background-color: transparent;
  121. border:none;
  122. display: none;
  123. position: fixed;
  124. bottom: 5px;
  125. right: 15px; }
  126.  
  127.  
  128.  
  129. iframe#tumblr_controls{
  130. top: 1px !important;
  131. margin: 0 0 0 0;
  132. right: 6px !important;
  133. position: fixed !important;
  134. }
  135.  
  136.  
  137.  
  138. ::-webkit-scrollbar {width: 5px; height: 4px; background: white; }
  139.  
  140.  
  141.  
  142. ::-webkit-scrollbar-thumb { background-color:black; }
  143.  
  144.  
  145.  
  146. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  147.  
  148.  
  149.  
  150. #tumblr_controls{
  151.  
  152. position:fixed !important;
  153.  
  154. }
  155.  
  156.  
  157.  
  158. .wrapper{
  159.  
  160. margin: 0px auto;
  161.  
  162. width: 900px;
  163.  
  164. }
  165.  
  166.  
  167.  
  168. .header{
  169.  
  170. float: left;
  171.  
  172. width: 100%;
  173.  
  174. }
  175.  
  176.  
  177.  
  178. .left{
  179.  
  180. float: left;
  181.  
  182. margin-right: 20px;
  183.  
  184. width: 802px;
  185.  
  186. }
  187.  
  188.  
  189.  
  190. .right{
  191.  
  192. float: right;
  193.  
  194. width: 200px;
  195.  
  196. background-color: {color:Background};
  197.  
  198. }
  199.  
  200.  
  201.  
  202. body {
  203. background-color:{color:background};
  204.  
  205. background-image: url({image:Left Background}), url({image:Right Background}), url({image:Tiled Background}), url({image:Cover Background});
  206.  
  207. background-attachment: fixed;
  208.  
  209. background-position: bottom 0px left 0px, bottom 0px right 10px, top left, top left;
  210.  
  211. background-repeat: no-repeat, no-repeat, repeat, no-repeat;
  212.  
  213. padding: 0px;
  214.  
  215. margin: 0px;
  216.  
  217. color:{color:text};
  218.  
  219. font-family: consolas;
  220.  
  221. text-transform:uppercase;
  222.  
  223. letter-spacing:1px;
  224.  
  225. font-size: 8px;
  226.  
  227. line-height:9px;
  228.  
  229. text-align: left;
  230. }
  231.  
  232.  
  233.  
  234. a:link, a:active, a:visited{
  235.  
  236. color:{color:link};
  237.  
  238. text-decoration: none;
  239.  
  240. -webkit-transition: color 0.4s ease-out;
  241.  
  242. -moz-transition: color 0.4s ease-out;
  243.  
  244. }
  245.  
  246.  
  247.  
  248. a:hover{
  249.  
  250. color:{color:Hover};
  251.  
  252. text-decoration:underline;
  253.  
  254. -webkit-transition: color 0.4s ease-out;
  255.  
  256. -moz-transition: color 0.4s ease-out;
  257.  
  258. }
  259.  
  260.  
  261.  
  262.  
  263.  
  264. .entry {
  265.  
  266. float:left;
  267.  
  268. margin-left:0px;
  269.  
  270. margin-top:10px;
  271.  
  272. text-align: left;
  273.  
  274. padding-top:10px;
  275.  
  276. padding-left:8px;
  277.  
  278. padding-right:8px;
  279.  
  280. padding-bottom:-10px;
  281.  
  282.  
  283. {block:IndexPage}
  284.  
  285. width:350px;
  286.  
  287. {/block:IndexPage}
  288.  
  289. {block:PermalinkPage}
  290.  
  291. width:330px;
  292.  
  293. margin-left:-10px;
  294.  
  295. {/block:PermalinkPage}
  296.  
  297. }
  298.  
  299.  
  300.  
  301.  
  302. blockquote {
  303.  
  304. padding-left:5px;
  305.  
  306. padding-top:3px;padding-right:5px;
  307.  
  308. padding-bottom:3px;margin-left:0px;margin-right:0px;
  309.  
  310. border-left: 2px solid #e4e4e4;
  311.  
  312.  
  313.  
  314. }
  315.  
  316. #titlebar{
  317.  
  318. z-index:999999999999999;
  319.  
  320. position:fixed;
  321.  
  322. width:160px;
  323.  
  324. color:{color:text};
  325.  
  326. z-index:10;
  327.  
  328. overflow:hidden;
  329.  
  330. text-align:center;
  331.  
  332. margin-left:640px;
  333.  
  334. top:350px;
  335.  
  336. background-color:{color:Background};
  337.  
  338.  
  339. padding:5px;}
  340.  
  341.  
  342.  
  343.  
  344.  
  345. #posts {
  346.  
  347. width: 350px;
  348.  
  349. margin-left:230px;
  350.  
  351. padding:2px;
  352.  
  353.  
  354.  
  355. }
  356.  
  357. img{
  358.  
  359. {block:IndexPage}
  360.  
  361. max-width: 310px;
  362. border:solid 1px {color:borders};
  363. padding:22px;
  364.  
  365. {/block:IndexPage}
  366.  
  367. }
  368.  
  369.  
  370.  
  371. .entry .textperma{
  372.  
  373. display: block;
  374.  
  375. text-transform: lowercase;
  376.  
  377. font-style:italic;
  378.  
  379. opacity:0.0;
  380.  
  381. margin: 2px;
  382.  
  383. margin-left:-80px;
  384.  
  385. -webkit-transition-duration:0.6s;
  386.  
  387. }
  388.  
  389.  
  390.  
  391. .entry:hover .textperma{
  392.  
  393. opacity:1.0;
  394.  
  395. margin-top:0px;
  396.  
  397. margin-left:-10px;
  398.  
  399. margin: 2px;
  400.  
  401. }
  402.  
  403.  
  404.  
  405. .title{
  406.  
  407. font-family:Celeste Hand;
  408.  
  409. font-size:18px;
  410.  
  411. letter-spacing:3px;
  412.  
  413. line-height:17px;
  414.  
  415. color: {color:post title};
  416.  
  417. font-weight: normal;
  418.  
  419. text-transform:lowercase}
  420.  
  421.  
  422.  
  423.  
  424. .title2{
  425.  
  426. font-family:Celeste Hand;
  427.  
  428. font-size:14px;
  429.  
  430. letter-spacing:3px;
  431.  
  432. line-height:14px;
  433.  
  434. color: {color:post title};
  435.  
  436. font-weight: normal;
  437.  
  438. text-transform:lowercase}
  439.  
  440.  
  441.  
  442.  
  443. .links a {
  444. width:5px;
  445. height:5px;
  446. border:1px solid {color:link};
  447. background-color:{color:link};
  448. line-height:7px;
  449. border-radius:100px;
  450. margin-right:5px;
  451. margin-left:5px;
  452. display:inline-block;
  453. }
  454.  
  455. .description {
  456. font-size:8px;
  457. position:justify;
  458. text-align:center;
  459. font-family:consolas;
  460. text-transform:lowercase;
  461. color:{color:text};
  462. padding:4px;
  463. letter-spacing:1px;
  464. line-height:150%;
  465.  
  466. }
  467.  
  468.  
  469. @font-face { font-family: "neverletgo"; src: url('http://static.tumblr.com/q54tzar/o02m2jt6c/neverletgo_3_.ttf'); }
  470.  
  471. @font-face { font-family: "clicker"; src: url('http://static.tumblr.com/gdh5wux/D8Jmoz1i5/clicker.ttf'); }
  472.  
  473. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  474. </style>
  475.  
  476.  
  477.  
  478. {block:IndexPage}
  479.  
  480. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  481.  
  482. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  483.  
  484.  
  485.  
  486. <script type="text/javascript">
  487.  
  488. $(window).load(function () {
  489.  
  490. var $content = $('#posts');
  491.  
  492. $content.masonry({itemSelector: '.entry'}),
  493.  
  494. $content.infinitescroll({
  495.  
  496. navSelector : 'div#pagination',
  497.  
  498. nextSelector : 'div#pagination a#nextPage',
  499.  
  500. itemSelector : '.entry',
  501.  
  502. loading: {
  503.  
  504. finishedMsg: '',
  505.  
  506. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  507.  
  508. },
  509.  
  510. bufferPx : 600,
  511.  
  512. debug : false,
  513.  
  514. },
  515.  
  516. // call masonry as a callback.
  517.  
  518. function( newElements ) {
  519.  
  520. var $newElems = $( newElements );
  521.  
  522. $newElems.hide();
  523.  
  524. // ensure that images load before adding to masonry layout
  525.  
  526. $newElems.imagesLoaded(function(){
  527.  
  528. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  529.  
  530.  
  531.  
  532.  
  533.  
  534. });
  535.  
  536. });
  537.  
  538. });
  539.  
  540. </script>
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548. {/block:IndexPage}
  549.  
  550.  
  551.  
  552. <title>{title}</title>
  553.  
  554.  
  555.  
  556. <link rel="shortcut icon" href="http://media.tumblr.com/368da0c17baf1aa799edca315159fba7/tumblr_inline_mqsby8a58G1qz4rgp.gif">
  557.  
  558. <meta name="viewport" content="width=820" />
  559.  
  560.  
  561.  
  562.  
  563.  
  564. </head>
  565.  
  566.  
  567.  
  568. <body>
  569.  
  570.  
  571.  
  572.  
  573.  
  574. <div class="wrapper">
  575.  
  576. <div class="header">
  577.  
  578. </div>
  579.  
  580.  
  581.  
  582. <div id="titlebar">
  583.  
  584.  
  585.  
  586. <div style="font-family:Celeste Hand; font-size:20px; line-height:16px; letter-spacing:3px;text-transform:lowercase;color:{color:blog title};">{title}</div>
  587.  
  588. <div class="title2">
  589. {text:title2}
  590. </div>
  591. <br>
  592. <div class="description">
  593. {description}
  594.  
  595. </div>
  596.  
  597. <p class="links_head">+navigation</p>
  598. <div class="links_body"><div class="links">
  599.  
  600. <a href="{text:Link 1 URL}" title={text:Link 1 Title}></a>
  601. <a href="{text:Link 2 URL}" title={text:Link 2 Title}></a>
  602. <a href="{text:Link 3 URL}" title={text:Link 3 Title}></a>
  603. <a href="{text:Link 4 URL}" title={text:Link 4 Title}></a>
  604. <a href=”http://cauliflorus.tumblr.com” title="credit"></a>
  605.  
  606. </div>
  607. </div>
  608. </div>
  609.  
  610.  
  611.  
  612. <div class="content">
  613.  
  614.  
  615.  
  616. <div class="left">
  617.  
  618.  
  619.  
  620. <div id="posts">
  621.  
  622.  
  623.  
  624. {block:Posts}
  625.  
  626. <div class="entry">
  627.  
  628.  
  629.  
  630. {block:Text}
  631.  
  632. {block:Title}<span class="title">{Title}</span>{/block:Title}
  633.  
  634. <span class="entrytext">{Body}</span></a>
  635.  
  636. {/block:Text}
  637.  
  638.  
  639.  
  640. {block:Link}
  641.  
  642. <a href="{URL}" class="title">{Name}</a>
  643.  
  644. {block:Description}{Description}{/block:Description}
  645.  
  646. {block:Link}
  647.  
  648.  
  649.  
  650. {block:Photo}
  651.  
  652. {block:IndexPage}{LinkOpenTag}
  653.  
  654. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="350"/></a></div>{LinkCloseTag}{/block:IndexPage}
  655.  
  656. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a>{LinkCloseTag}{/block:PermalinkPage}
  657.  
  658. {block:IndexPage}
  659.  
  660. {/block:IndexPage}
  661.  
  662. {/block:Photo}
  663.  
  664.  
  665.  
  666. {block:Photoset}
  667.  
  668. <center>{Photoset-250}</center></span>
  669.  
  670. {/block:Photoset}
  671.  
  672.  
  673.  
  674. {block:Quote}
  675.  
  676. <span class="title">{Quote}</span><br />
  677.  
  678. {block:Source}{Source}{/block:Source}
  679.  
  680. {/block:Quote}
  681.  
  682.  
  683.  
  684. {block:Chat}
  685.  
  686. {block:Title}<span class="title">{Title}</span>{/block:Title}
  687.  
  688. {block:Lines}
  689.  
  690. <li class="user_{UserNumber}">
  691.  
  692. {block:Label}
  693.  
  694. <b><span class="label">{Label}</b></span>
  695.  
  696. {/block:Label}
  697.  
  698.  
  699.  
  700. {Line}
  701.  
  702. </li>
  703.  
  704. {/block:Lines}
  705.  
  706. </ul>
  707.  
  708. {/block:Chat}
  709.  
  710.  
  711.  
  712. {block:Audio}{AudioPlayergrey}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  713.  
  714. {block:IndexPage}
  715.  
  716. <div class="textperma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{Permalink}">{DayofMonth} {ShortMonth}</a></span></a></div>
  717.  
  718. {/block:IndexPage}
  719.  
  720. {/block:Audio}
  721.  
  722.  
  723.  
  724. {block:Video}
  725.  
  726. <center>
  727.  
  728. <div class="videoperma">{Video-250}</div><BR>
  729.  
  730. {block:Caption}{Caption}</a>{/block:Caption}</center>
  731.  
  732. {block:Video}
  733.  
  734.  
  735.  
  736. {block:PermalinkPage}
  737.  
  738. <center>
  739.  
  740. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  741.  
  742.  
  743.  
  744. {/block:PermalinkPage}
  745.  
  746.  
  747.  
  748. {block:PostNotes}{PostNotes}
  749.  
  750. {/block:PostNotes}
  751.  
  752. </div>
  753.  
  754.  
  755.  
  756. {/block:Posts}
  757.  
  758. </div>
  759.  
  760. </div>
  761.  
  762. {block:IndexPage}
  763.  
  764. {block:Pagination}
  765.  
  766. <div id="pagination">
  767.  
  768. {block:NextPage}
  769.  
  770. <a id="nextPage" href="{NextPage}"> </a>
  771.  
  772. {/block:NextPage}
  773.  
  774. {block:PreviousPage}
  775.  
  776. <a href="{PreviousPage}"> </a>
  777.  
  778. {/block:PreviousPage}
  779.  
  780. </div>
  781.  
  782. {/block:Pagination}
  783.  
  784. {/block:IndexPage}
  785.  
  786. </div>
  787.  
  788.  
  789. </body>
  790.  
  791.  
  792.  
  793. </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!