API tools faq
paste
winchesterkirk

Lightning Theme

winchesterkirk
Oct 11th, 2014
414
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.19 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. <!--
  4.  
  5. Lightning Theme by Chris @denisrenolds
  6.  
  7. ᵒ Do not remove or change the credit in any way
  8.  
  9. ᵒ Do not use as a base, the base I used is from here http://pastebin.com/r8Mckwjq
  10.  
  11. ᵒ Do not steal from or redistribute
  12.  
  13. Please contact me if you have any questions or concerns and enjoy!
  14.  
  15. -->
  16.  
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head>
  20.  
  21. <script>
  22.  
  23. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  24. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  25.  
  26. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  27. //** Call: uniquevar.playclip() to play sound
  28.  
  29. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  30. "mp3": "audio/mpeg",
  31. "mp4": "audio/mp4",
  32. "ogg": "audio/ogg",
  33. "wav": "audio/wav"
  34. }
  35.  
  36. function createsoundbite(sound){
  37. var html5audio=document.createElement('audio')
  38. if (html5audio.canPlayType){ //check support for HTML5 audio
  39. for (var i=0; i<arguments.length; i++){
  40. var sourceel=document.createElement('source')
  41. sourceel.setAttribute('src', arguments[i])
  42. if (arguments[i].match(/\.(\w+)$/i))
  43. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  44. html5audio.appendChild(sourceel)
  45. }
  46. html5audio.load()
  47. html5audio.playclip=function(){
  48. html5audio.pause()
  49. html5audio.currentTime=0
  50. html5audio.play()
  51. }
  52. return html5audio
  53. }
  54. else{
  55. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  56. }
  57. }
  58.  
  59. //Initialize two sound clips with 1 fallback file each:
  60.  
  61. var mouseoversound=createsoundbite("http://a.tumblr.com/tumblr_n6eqp8Q0JA1t8spxao1.mp3", "http://a.tumblr.com/tumblr_n6eqp8Q0JA1t8spxao1.mp3")
  62. var hoveroversound=createsoundbite("https://fbstatic-a.akamaihd.net/rsrc.php/yy/r/odIeERVR1c5.mp3", "https://fbstatic-a.akamaihd.net/rsrc.php/yy/r/odIeERVR1c5.mp3")
  63. var clicksound=createsoundbite("http://tempmedia.tumblr.com/6z4pkp5sbf8cwcwwg84cskw40_tumblr_tmp.mp3", "http://tempmedia.tumblr.com/6z4pkp5sbf8cwcwwg84cskw40_tumblr_tmp.mp3")
  64.  
  65. </script>
  66.  
  67. <title>{Title}</title>
  68. <link rel="shortcut icon" href="{Favicon}">
  69. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  70. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  71.  
  72.  
  73. <meta name="color:Background" content="#ffffff"/>
  74. <meta name="color:Text" content="#a8a8a8"/>
  75. <meta name="color:Link" content="#b8b8b8"/>
  76. <meta name="color:Hover" content="#f2f2f2"/>
  77. <meta name="color:Line" content="#f2f2f2"/>
  78. <meta name="color:Border" content="#e4e4e4"/>
  79. <meta name="color:Post" content="#ffffff"/>
  80. <meta name="color:Backgrounds" content="#f5e8f5"/>
  81. <meta name="image:Sidebar" content=""/>
  82. <meta name="text:Link One" content="Link One"/>
  83. <meta name="text:Link One URL" content="/"/>
  84. <meta name="text:Link Two" content="Link Two"/>
  85. <meta name="text:Link Two URL" content="/"/>
  86. <meta name="text:Link Three" content="Link Three"/>
  87. <meta name="text:Link Three URL" content="/"/>
  88. <meta name="text:Link Four" content="Link Four"/>
  89. <meta name="text:Link Four URL" content="/"/>
  90. <style type="text/css">
  91. body{background:{color:background};margin:0px;color:{color:text};word-wrap:break-word;font-family:arial;font-size:9px;line-height:125%;}
  92. a{text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};}
  93. img{border:none;max-width:100%;}
  94. blockquote {margin:0px 5px;padding:0em 1em;border-left:1px solid #e1e1e1;}
  95. ul{list-style-type:circle;margin-left:-20px;}
  96. h1 {padding:10px;text-align:right;background-color:{color:backgrounds};}
  97. h1 a{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  98. h1 a:hover{
  99. color:{color:link};background-color:{color:post};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  100. a:hover{opacity:10;color:{color:hover};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  101. #entries{padding:10px;width:400px;margin-left:auto;margin-right:auto;margin-top:40px;font-size:10px;}
  102. #post{width:400px;padding-bottom:20px;padding:10px;border:1px solid {color:Border};margin-top:15px;background-color:{color:Post};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  103. #post:hover{border:1px solid {color:backgrounds};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  104. #sidebar{width:180px;position:fixed;margin-left:250px;margin-top:150px;border-radius:1px;border:1px solid {color:Border};background-color:{color:Post};}
  105. #sidebar img{width:161px;padding:8px;margin-left:2px;border-radius:1px;}
  106. #description{ position:fixed; font-size:9px; width:164px; margin-top:31px; padding:8px; background-color:{color:Post};border:1px solid {color:Border};margin-left:-1px;text-align:center; color:{color:Text};}
  107. .links{width:162px;height:11px;padding: 9px;letter-spacing:1px;text-align:center;margin-top:3px;margin-left:-1px;text-align:center;background-color:{color:Post};border:1px solid {color:Border};text-transform:uppercase;word-spacing:2px;position:fixed;padding-bottom:7px;}
  108. .links a{font-size: 8px;}
  109. .links a:hover {color:{color:Hover}}
  110. .pagination {width:100px;font-size:8px;text-align:center;margin-left:auto;margin-right:auto;margin-top:20px;padding-bottom:15px;z-index:2;letter-spacing:0px;}
  111. .pagination a{padding:5px;margin-top:5px;border:1px solid {color:border};background-color:white;text-transform:uppercase;font-weight:bold;width:50px;margin-left:10px;}
  112. #info{text-align:left;margin-top:-1px;padding:10px;text-transform:uppercase;font-size:8px;width:400px;background:transparent;font-style:none;border:1px solid {color:border};}
  113. #infoo{width:400px;padding:10px;border:1px solid {color:border};margin-top:3px;letter-spacing:1px;text-transform:uppercase;font-weight:bold;}
  114. #tags{font-family:cambria;letter-spacing:0px;text-transform:lowercase;font-size:10px;font-style:italic;margin-top:4px;text-align:left;}
  115. #tags a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  116. #asker{padding:10px;text-align:left;background-color:{color:backgrounds};}
  117. #musicbox{border:1px solid {color:border};border-bottom-right-radius:2px;border-bottom-left-radius:2px;width:99%;margin-top:-1px;height:27px;}
  118. #musicinfo{padding:5px;width:386px;border:1px solid {color:border};border-top-left-radius:2px;border-top-right-radius:2px;background-color:{color:backgrounds};}
  119. ol.notes{width:400px;background-color:{color:post};padding:10px;list-style-type:none;font-size:9px;border:1px solid {color:border};letter-spacing:1px;text-align:left;}
  120. li.note{padding:8px;background-color:{color:post};margin:7px;border:1px solid {color:border};}
  121. img.avatar{vertical-align:-4px;margin-right:10px;width:14px;height:14px;}
  122. ol.notes blockquote{background-color:{color:caption};padding:5px;margin-top:10px;margin-left:auto;margin-right:auto;width:90%;border:1px solid {color:border};border-radius:2px;}
  123. #cred{position:fixed;bottom:5px;right:5px;font-size:14px;}
  124.  
  125. {CustomCSS}</style></head><body>
  126.  
  127. <div id="sidebar">
  128. <a href="/" onmouseover="mouseoversound.playclip()" title="go home"><img src="{image:Sidebar}"></a>
  129.  
  130. <div id="description">{Description}</div>
  131.  
  132. <div class="links">
  133. <a href="{text:link one url}" title="{text:link one}">one</a>
  134. <a href="{text:link two url}" title="{text:link two}">two</a>
  135. <a href="{text:link three url}" title="{text:link three}">three</a>
  136. <a href="{text:link four url}" title="{text:link four}">four</a>
  137. </div></div>
  138.  
  139. <div id="entries">{block:Posts}<div id="post">
  140.  
  141. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  142.  
  143. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  144.  
  145. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  146.  
  147. {block:Quote}<div id="asker">{Quote}</div>{block:Source}<br><div style="text-align:right;">{Source}</div>{/block:Source}{/block:Quote}
  148.  
  149. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  150.  
  151. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  152.  
  153. {block:Audio}
  154. <div id="musicinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div>
  155. {block:AudioPlayer}<div id="musicbox">{AudioPlayerwhite}</div>{/block:AudioPlayer}{AudioEmbed-250}{/block:AudioEmbed}
  156. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  157. {/block:Audio}
  158.  
  159. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  160.  
  161. {block:Answer}<div id="asker">{Asker} whispered: {Question}</div>{Answer}{/block:Answer}
  162.  
  163. </div>{block:Date}<div id="infoo">Post Info</div><div id="info"><p><a href="/day/{Year}/{Month}/{DayofMonth}" title="More From This Date">Posted {24Hour}:{Minutes}:{Seconds} {DayofWeek} {DayofMonth} {Month} {Year}</a></p>{block:RebloggedFrom}<p>Reblogged From <a href="{ReblogParentURL}">{ReblogParentName}</a></p>{/block:RebloggedFrom} {block:ContentSource}<p>Originally From: <a href="{SourceURL}">{SourceLink}</a></p>{/block:ContentSource}<p>With <a href="{Permalink}" title="Permalink">{NoteCountWithLabel}</a></p>{block:HasTags}<div id="permatags">Tagged As: {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>{block:PostNotes}{PostNotes-16}{/block:PostNotes}
  164. {/block:Date}
  165. {/block:Posts}
  166. </div>
  167.  
  168. {block:Pagination}<div class="pagination">
  169. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  170. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  171. </div>{/block:Pagination}
  172. </div></div>
  173.  
  174. <div id="cred"><a href="http://jimothythemes.tumblr.com/" title="Code by Chris">☢</a></div>
  175.  
  176.  
  177. </body></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!