API tools faq
paste
Advertisement
kawaiibuu

STEAM CLOUD THEME

kawaiibuu
Apr 24th, 2014
3,245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.31 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. STEAM CLOUD THEME
  3. CREATED APRIL 20 2014
  4. RELEASED BY HTTP://JUBILEETHEMES.TUMBLR.COM
  5. MADE BY HTTP://SOFTWARING.TUMBLR.COM
  6.  
  7. DO NOT REMOVE CREDIT
  8. DO NOT USE AS A BASE
  9. -->
  10. <html lang="en"><head>
  11. <!-- DO NOT TOUCH THIS -->
  12. <a href="http://jubileethemes.tumblr.com" title="credit" style="position:fixed; top: 35px; left: 35px;">☾</a>
  13. <!-- DO NOT TOUCH THIS -->
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#"><script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><title>{Title}</title><link rel="shortcut icon" href="{image:favicon}">{block:indexpage} {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script><script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  16. <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("#posts img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", });});
  17. </script>{/block:indexpage} {block:ifenableurlredirect} <script type="text/javascript"> if(location.href == 'http://{text:url}.tumblr.com/') location.replace('http://{text:url}.tumblr.com/tagged/{text:redirection tag}'); </script> {/block:ifenableurlredirect}
  18. <!-- options -->
  19. <meta name="color:background" content="#fff"/><meta name="color:border" content="#e0e0e0"/><meta name="color:text" content="#000"/><meta name="color:links" content="#000"/><meta name="color:links hover" content="#e0e0e0"/><meta name="color:post" content="#fff"/><meta name="color:scrollbar thumb" content="#fff"/><meta name="color:blog frame" content="#e0e0e0"/><meta name="image:background" content=""/><meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/><meta name="image:favicon" content="http://static.tumblr.com/mqkrxog/tQnn4g38c/tumblr_ltuzw3mzy11r2nnw5.gif" /><meta name="text:url" content="!important! do not include .tumblr.com"/><meta name="text:redirection tag" content="!important! put the tag you wish your blog to redirect to here, do not include /tagged/"/><meta name="text:link 1 title" content="example" /><meta name="text:link 1 url" content="" /><meta name="text:link 2 title" content="" /><meta name="text:link 2 url" content="" /><meta name="text:link 3 title" content="" /><meta name="text:link 3 url" content="" /><meta name="text:link 4 title" content="" /><meta name="text:link 4 url" content="" /><meta name="text:link 5 title" content="" /><meta name="text:link 5 url" content="" /><meta name="text:link 6 title" content="" /><meta name="text:link 6 url" content="" />
  20. <!-- multi -->
  21. <meta name="select:post margin" content="margin-bottom: 50px;" title="50px"/><meta name="select:post margin" content="margin-bottom: 75px;" title="75px"/><meta name="select:post margin" content="margin-bottom: 125px;" title="125px"/><meta name="select:post margin" content="margin-bottom: 150px;" title="150"/><meta name="select:post margin" content="margin-bottom: 200px;" title="200"/><meta name="select:post width" content="width: 250px;" title="250px"/><meta name="select:post width" content="width: 300px;" title="300px"/><meta name="select:post width" content="width: 400px;" title="400px"/><meta name="select:post width" content="width: 500px;" title="500px"/><meta name="select:border width" content="0px" title="Hidden"/><meta name="select:border width" content="1px" title="1px"/><meta name="select:border width" content="2px" title="2px"/><meta name="select:border width" content="3px" title="3px"/><meta name="select:border width" content="5px" title="5px"/><meta name="select:border width" content="10px" title="10px"/><meta name="select:photo style" content="-webkit-filter: none;" title="none"/><meta name="select:photo style" content="-webkit-filter: blur(1px);" title="blur"/><meta name="select:photo style" content="-webkit-filter: grayscale(0.5);" title="grayscale"/><meta name="select:photo style" content="-webkit-filter: brightness(0.5);" title="darken"/><meta name="select:photo style" content="-webkit-filter: invert(1);" title="invert"/><meta name="select:photo style" content="-webkit-filter: opacity(0.51);" title="faded"/>
  22. <!-- toggle -->
  23. <meta name="if:show post border" content="1"/><meta name="if:show blog frame" content="0"/><meta name="if:show captions" content="0"/><meta name="if:show tags" content="0"/><meta name="if:show title" content="1"/><meta name="if:show description" content="1"/><meta name="if:show navigation links" content="1"/><meta name="if:background size" content="1"/><meta name="if:text permalinks" content="0"/><meta name="if:hover border effect" content="0"/><meta name="if:disable right click" content="0"/><meta name="if:enable url redirect" content="0"/><meta name="if:infinite scroll" content="1"/><meta name="if:photoset size 250" content="1"/><meta name="if:photoset size 400" content="0"/><meta name="if:photoset size 500" content="0"/><style type="text/css">
  24. #tumblr_controls{ position:fixed !important; -webkit-filter: invert(100%) ; }
  25.  
  26. ::-webkit-scrollbar-thumb{ {block:ifshowblogframe} background-color: {color:scrollbar thumb}; border: 2px solid {color:blog frame}; {/block:ifshowblogframe} {block:ifnotshowblogframe} background-color: {color:scrollbar thumb}; border: 2px solid {color:background}; {/block:ifnotshowblogframe} height:auto; }
  27. ::-webkit-scrollbar { height:auto; width:9px; background-color: {color:scrollbar thumb}; {block:ifshowblogframe} border: 4px solid {color:blog frame}; {/block:ifshowblogframe} {block:ifnotshowblogframe} border: 4px solid {color:background}; {/block:ifnotshowblogframe} }
  28.  
  29. body{ background:{color:background} url({image:background})top left fixed repeat; {block:ifbackgroundsize} background-size: cover; {/block:ifbackgroundsize} font-size: 10px; font-family: consolas; color: {color:text}; letter-spacing: 1px;
  30. cursor:url('{image:cursor}'), progress !important; }
  31.  
  32. a { color: {color:links}; text-decoration: none; -webkit-transition-duration:.2s; cursor:url('{image:cursor}'), progress !important; }
  33. a:hover{ color: {color:links hover}; }
  34.  
  35. h1 { padding: 10px; background: {color:text}; color: {color:post}; text-transform: uppercase; font-weight: 100; font-size: 14px; font-family: 'Raleway', 'sans-serif'; margin-top: 1px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  36. h1 a { color: {color:post}; border-bottom: 2px solid {color:post}; border-right: 1px solid {color:post}; }
  37. h1:hover { background: transparent; color: {color:border}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
  38. -ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  39. transition: all 0.4s ease-in-out; }
  40. h2 { text-transform: uppercase; font-weight: 100; font-size: 14px; font-family: 'Raleway', 'sans-serif'; padding: 15px; color: {color:text}; }
  41. h2 a { color: {color:text}; }
  42.  
  43. .entry { margin-top:50px; {block:ifshowpostborder}border: {select:border width} solid {color:border};{/block:ifshowpostborder} padding: 15px; background: {color:post}; {select:post margin} {select:post width}
  44. color:{color:text}; outline: 15px transparent; overflow: hidden; text-align: center; -webkit-transition: all 0.4s ease-in-out;
  45. -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  46. .entry:hover { {block:ifhoverbordereffect} {block:ifshowpostborder}outline: 15px solid {color:border};{/block:ifshowpostborder} {/block:ifhoverbordereffect} -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  47. .entry img{ max-width:100%; {select:photo style} }
  48. .photo a, .photo a:hover{ background:none; border:none; }
  49.  
  50. .wrapper{ {select:post width} margin:0px auto; }
  51. #posts { {select:post width} }
  52.  
  53. #s-m-t-tooltip { margin: 20px; background: {color:post}; color: {color:text}; border: 1px solid {color:border}; text-transform: uppercase; font-size: 9px; padding: 5px; }
  54.  
  55. blockquote{ margin:2px; padding: 2px; border-left: 1px solid {color:border}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  56. .entry:hover blockquote a { color: {color:post}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  57. .entry:hover blockquote { background: {color:border}; color: {color:post}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  58. blockquote p, ul{ margin:0px; padding:0px; }
  59.  
  60. .chat .line{ background-color: {color:border}; color: {color:post}; text-transform: uppercase; margin: 0 0 1px; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  61. .chat .line.odd{ background-color: transparent; color: {color:text}; }
  62. .label { font-weight:bold; color:{color:text}; }
  63.  
  64. ul { list-style-type: square; }
  65. li { text-align: justify; }
  66.  
  67. .notes img{ width:20px; position:left; top:5px; border-radius:100px;}
  68. .notes{ line-height:17px;text-transform:uppercase;font-family:consolas;font-size:9px;letter-spacing:1px;text-align:left; }
  69.  
  70. .arrow-down { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid {color:border}; position: absolute; margin-top: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  71. .entry:hover .arrow-down { border-top: 15px solid {color:post}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  72.  
  73. .t { height: 25px; width: 100%; top: 0px; left: 0px; position: fixed; background: {color:blog frame}; z-index: 999; }
  74. .b { height: 25px; width: 100%; bottom: 0px; left: 0px; position: fixed; background: {color:blog frame}; z-index: 999; }
  75. .l { width: 25px; height: 100%; top: 0px; left: 0px; position: fixed; background: {color:blog frame}; z-index: 999; }
  76. .r { width: 15px; height: 100%; top: 0px; right: 0px; position: fixed; background: {color:blog frame}; z-index: 999; }
  77.  
  78. .tags { position:absolute; width: 95px; opacity: 0; padding: 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  79. .tags a { text-transform: uppercase; }
  80. .entry:hover .tags { margin-left: -140px; opacity: 1; padding-right: 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  81.  
  82. .sidebar { position: fixed; margin-left: -379px; margin-top: 100px; width: 250px; text-align: center; }
  83.  
  84. .how1 { position:absolute margin-top: 50px; text-align: center; }
  85.  
  86. .caption { font-size: 8px; text-transform: uppercase; padding: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  87. .entry:hover .caption a { color: {color:post}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  88. .entry:hover .caption { background: {color:border}; color: {color:post}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  89.  
  90. .links { text-transform: uppercase; color: {color:text}; margin-top: -26px; line-height: 26px; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  91. .links a { color: {color:text}; }
  92. .sidebar:hover .links { margin-top: -6px; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  93.  
  94. {CustomCSS}
  95. </style> <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'><script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script><meta name="viewport" content="width=800" /><script type="text/javascript" src="http://static.tumblr.com/mqkrxog/Mcmmz7osn/jquery.min_1_.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(".how1").hide(); jQuery(".how2").click(function() { jQuery(this).next(".how1").animate({ opacity: "toggle", height: "toggle" }, 200); });}); </script>{block:ifinfinitescroll}
  96. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  97. {/block:ifinfinitescroll} </head><body {block:ifdisablerightclick} oncontextmenu="return false"{/block:ifdisablerightclick}>
  98. {block:ifshowblogframe} <div class="t"></div><div class="b"></div><div class="l"></div><div class="r"></div> {/block:ifshowblogframe} <div class="wrapper"> <div class="sidebar"><h2><a href="/">{title}</a>{block:ifshowdescription}{block:description}<div style="padding: 10px 5px 5px 5px; text-transform: none; font-size: 10px; font-style: oblique;"><center>{description}</center></div>{/block:description}{/block:ifshowdescription}</h2><div class="links"><a href="/">refresh</a> <a href="/ask">mail</a> <a href="/archive">index</a> <a href="http://jubileethemes.tumblr.com">credit</a> <a class="how2">links</a><div class="how1">{block:iflink1title}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:iflink1title}{block:iflink2title}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:iflink2title}{block:iflink3title}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:iflink3title}{block:iflink4title}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:iflink4title}{block:iflink5title}<a href="{text:link 5 url}">{text:link 5 title}</a>{/block:iflink5title}{block:iflink6title}<a href="{text:link 6 url}">{text:link 6 title}</a>{/block:iflink6title}</div></div></div>
  99.  
  100. <div id="posts">
  101. {block:Posts}
  102. <div class="autopagerize_page_element">
  103. <div class="entry">
  104. {block:HasTags}{block:ifshowtags}<div class="tags">{block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a>{/block:Tags}</div>{/block:ifshowtags}{/block:hasTags}
  105.  
  106. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  107.  
  108. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>{block:Description}<div class="caption">{Description}</div>{/block:Description}{block:Link}
  109.  
  110. {block:Photo}<div class="img"><a href="{permalink}"><img src="{PhotoURL-HighRes}" width="100%"></img></a>{block:Caption}
  111. <div class="caption">{Caption}</div>{/block:Caption}</div>{/block:Photo}
  112.  
  113. {block:Answer}<h1 style="font-size: 12px; line-height: 16px; text-align: left;"><img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:10px;border-radius:100px;"/><b>{Asker}</b> <p align="right">{Question}</p></h1><div style="border:1px solid {color:border}; margin-top: -8px; ">{Answer}</div>{/block:Answer}
  114.  
  115. {block:Photoset}<div class="img" style="{select:photo style}"><center>{block:ifphotosetsize250}{Photoset-250}{/block:ifphotosetsize250}{block:ifnotphotosetsize250}{block:ifphotosetsize400}{Photoset-400}{/block:ifphotosetsize400}{block:ifnotphotosetsize400}{block:ifphotosetsize500}{Photoset-500}{/block:ifphotosetsize500}{/block:ifnotphotosetsize400}{/block:ifnotphotosetsize250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</center>{/block:Photoset}
  116.  
  117. {block:Quote}<h1>{Quote}</h1>{block:source}{source}{/block:source}{/block:Quote}
  118.  
  119. {block:Audio}<div style="background: black; color: white; padding: 5px;">{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" style="width:250px;height:auto;position:relative;"/></a>{/block:AlbumArt}<div class="hear"><div class="player">{AudioPlayerBlack}</div></div><p style="padding: 2px; text-transform: uppercase;">{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}</p></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:ExternalAudio}{/block:ExternalAudio}{/block:Audio}
  120.  
  121. {block:video}{block:indexpage}<center><h1><a href="{permalink}">view video</a></h1></center>{block:indexpage}{block:permalinkpage}{video-500}{/block:permalinkpage}{/block:video}
  122.  
  123. {block:Chat}{block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}<div class="chat"><div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div>{/block:Chat}
  124.  
  125. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  126. </a>via {ReblogParentName}{block:RebloggedFromReblog}{/block:RebloggedFromReblog}{/block:ContentSource}</div>{/block:IndexPage}{block:PermalinkPage}<center>{block:Date}{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm}<br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="http://tumblr.com/tagged/{Tag}" target="blank">#{Tag}</a> {/block:Tags}{/block:hasTags}</center>{/block:Date}{block:RebloggedFrom}<center><br>{via: <a href="{ReblogParentURL}">{ReblogParentName}</a>}</center>{/block:RebloggedFrom}{/block:PermalinkPage}{block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}{block:iftextpermalinks}<div style="padding-top: 10px; text-align: center; text-transform: uppercase; font-weight: 100; font-size: 8px;font-family: 'Droid Sans', 'sans-serif; font-weight: 900px;"><a href="{Permalink}">Posted {block:Date}{ShortMonth} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a></div> {/block:iftextpermalinks} {block:ifnottextpermalinks} <a href="{Permalink}" title="Posted {block:Date}{ShortMonth} {DayOfMonthWithZero} {Year}{/block:Date} with {NoteCountwithLabel}"><div class="arrow-down"></div></a> {/block:ifnottextpermalinks} </div> {/block:Posts} {block:ifnotinfinitescroll} <div style="position:fixed; {select:post width} margin: auto; bottom: 35px; text-align: center">{block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}<a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}">&larr;&nbsp;</a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IndexPage}</div>{/block:ifnotinfinitescroll}</div></div>
  127. </div></body><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" });}); })(jQuery);</script></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!