winchesterkirk

Untitled Theme

Oct 22nd, 2014
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.91 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. Untitled Theme by Chris @denisrenolds
  5.  
  6. ᵒ Do not remove or change the credit in any way
  7.  
  8. ᵒ Do not use as a base, the base I used is from here http://pastebin.com/SuV9Xhyg
  9.  
  10. ᵒ Do not steal from or redistribute
  11.  
  12. Please contact me if you have any questions or concerns and enjoy!
  13. -->
  14.  
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24.  
  25. <meta name="color:Background" content="#fff"/>
  26. <meta name="color:Content" content="#ede5f3"/>
  27. <meta name="color:Text" content="#a8a8a8"/>
  28. <meta name="color:Link" content="#b8b8b8"/>
  29. <meta name="color:Hover" content="#cab1da"/>
  30. <meta name="color:Border" content="#ede5f3"/>
  31. <meta name="color:Selection" content="#dccbe7"/>
  32. <meta name="image:Sidebar" content=""/>
  33. <meta name="image:Sidebar Two" content=""/>
  34. <meta name="text:Link One" content="one" />
  35. <meta name="text:Link One URL" content="/" />
  36. <meta name="text:Link Two" content="two" />
  37. <meta name="text:Link Two URL" content="/" />
  38. <meta name="text:Link Three" content="three" />
  39. <meta name="text:Link Three URL" content="/" />
  40. <meta name="text:Link Four" content="four" />
  41. <meta name="text:Link Four URL" content="/" />
  42.  
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title],a[title],img[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:100,
  52. tip_fade_speed:300,
  53. attribute:"title"
  54. });
  55. });
  56. })(jQuery);
  57. </script>
  58. </script>
  59. <style type="text/css">
  60.  
  61. ::selection {background:{color:selection};}
  62. ::-moz-selection {background:{color:selection};}
  63. body{background:{color:background};margin:0px;color:{color:text};font-family:arial, calibri, monospace;margin:0px;font-size:9px;line-height:125%;word-wrap:break-word;}
  64. a{text-decoration:none;outline:none;-moz-outline-style:none;color:{color:link};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  65. 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;}
  66. blockquote{margin:0px 5px;padding:0em 1em;border-left:1px solid #e1e1e1;}
  67. ul{list-style-type:circle;margin-left:-20px;}
  68. #caption{background-color:{color:content};padding:5px;margin-top:10px;margin-left:auto;margin-right:auto;width:95%;border:1px solid {color:border};border-radius:2px;}
  69. h1{font-size:10px;border-radius:3px;padding:11px;margin-left:-2px;text-align:center;text-transform:uppercase;border:1px solid {color:border};background-color:{color:content};}
  70. h1 a{color:{color:link};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  71. h1 a:hover{letter-spacing:1px;color:{color:link};}
  72. h2{font-size:16px;line-height:135%;font-family:arial;text-align:right;font-weight:bold;}
  73. #entries{padding:10px;width:270px;margin-left:698px;margin-top:290px;border-radius:2px;z-index:2;height:66%;overflow:auto;font-size:10px;}
  74. #post{{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:250px;{/block:PermalinkPage}padding-bottom:20px;padding:10px;margin-top:15px;margin-bottom:40px;background-color:transparent;}
  75. #post img{max-width:100%;height:auto;}
  76. #sidebar{width:152px;position:fixed;margin-left:480px;margin-top:50px;opacity:1;height:181px;background-color:transparent;}
  77. .links{width:250px;height:5px;font-size:8px;font-family:calibri;text-align:center;margin-top:-4px;padding-top:9px;margin-left:-47px;text-transform:uppercase;word-spacing:2px;position:fixed;padding-bottom:7px;}
  78. .links a{width:20px;padding:2px;padding-left:10px;padding-right:10px;margin-left:-5px;}
  79. .links a:hover{color:#a29e9e;}
  80. #description{position:fixed;background-color:{color:content};font-size:9px; width:140px; border-radius:2px;border:1px solid {color:border};margin-top:17px; padding:8px; line-height:126%;margin-left:-3px;text-align:justify; color:{color:text};}
  81. #navigation{width:155px;background-color:{color:sidebar};height:220px;border-radius:2px;margin-left:-2px;margin-top:20px;border:1px solid {color:border};}
  82. #pagination {width:100px;height:5px;font-size:12px;border:1px solid {color:border};padding:10px;text-align:center;line-height:105%;word-spacing:2px;position:fixed;bottom:15px;right:5px;word-spacing:15px;padding-bottom:15px;border-radius:2px;}
  83. #pagination a:hover{color:#a29e9e;}
  84. #info{text-align:center;margin-top:-30px;margin-left:10px;padding-left:4px;width:230px;text-transform:uppercase;font-size:9px;border-radius:3px;padding:10px;padding-bottom:12px;background-color:{color:content};border:1px solid {color:border};}
  85. #info a{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  86. #info a:hover{color:#a29e9e;}
  87. #perma{font-size:9px;text-align:left;margin-top:10px;line-height:140%;padding-left:4px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  88. #perma a{color:{color:permalink};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  89. #perma a:hover{text-shadow:1px 1px 1px {color:hover};color:{color:link};}
  90. #permatags a{margin-right:3px;}
  91. #tags{text-transform:lowercase;font-size:9px;margin-left:4px;line-height:130%;margin-top:4px;text-align:left;}
  92. #tags a{display:inline;margin-right:5px;text-align:left;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;-ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
  93. #tags a:hover{text-shadow:1px 1px 1px {color:hover};color:{color:link};}
  94. #ask{padding:10px;text-align:center;border-bottom-right-radius:2px;border-bottom-left-radius:2px;background-color:{color:content};border:1px solid {color:border};}
  95. #asker{padding:5px;border-top-left-radius:2px;border-top-right-radius:2px;text-align:center;font-weight:bold;border-top:1px solid {color:border};border-right:1px solid {color:border};border-left:1px solid {color:border};}
  96. #asker a{-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  97. #asker a:hover{color:#a29e9e;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  98. #musicbox{border-bottom:1px solid {color:border};border-right:1px solid {color:border};border-left:1px solid {color:border};background-color:white;border-bottom-right-radius:2px;border-bottom-left-radius:2px;width:99%;height:27px;}
  99. #musicinfo{padding:5px;border:1px solid {color:border};border-top-left-radius:2px;border-top-right-radius:2px;}
  100. .june{width:130px;border:5px solid {color:content};margin-top:10px;height:77px;overflow:hidden;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  101. .float img{width:130px;height:77px;border-radius:2px;position:fixed;margin-top:0px;opacity:1;margin-left:-65px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  102. .float img:hover{opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  103. .float2 img{width:130px;height:77px;border-radius:2px;opacity:1;margin-left:-65px;position:fixed;margin-top:0px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  104. #desc{width:120px;height:43px; overflow:auto;padding:10px;margin-top:5px;border-radius:3px;margin-left:auto;margin-right:auto;font-size:9px;border:1px solid {color:border};background-color:{color:content};}
  105. .button{padding:5px;margin-top:8px;background-color:#e3f3fc;text-transform:uppercase;border:1px solid {color:content};font-weight:bold;font-size:7px;border-radius:2px;width:50px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  106. .button:hover{background-color:{color:content};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  107. .button a:hover{color:{color:link};}
  108. ol.notes{width:271px;padding:0px;margin-left:3px;list-style-type:none;font-size:7px;letter-spacing:1px;text-transform:uppercase;text-align:left;}
  109. li.note{padding:10px;width:230px;margin:7px;border:1px solid {color:border};border-radius:2px;}
  110. li.note a{color:{color:text};-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease}
  111. li.note a:hover{color:{color:text};}
  112. img.avatar{vertical-align: -4px;margin-right:10px;width:14px;height:14px;}
  113. ol.notes blockquote{background-color:#f4f4f4;padding:5px;margin-top:10px;margin-left:auto;margin-right:auto;width:90%;border:1px solid {color:border};border-radius:2px;}
  114. #s-m-t-tooltip{font-size:7px;max-width:150px;line-height:8px;padding:5px 5px 2px 5px;margin:15px 0px 0px 10px;z-index:10;color:{color:text};background:{color:content};text-transform:uppercase;
  115. opacity:1;border:1px solid {color:border};border-radius:1px;letter-spacing:1px;z-index:999999;-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 1px rgba(0,0,0,0.2);}
  116. #cred{position:fixed;bottom:5px;left:5px;font-size:14px;}
  117. #header{width:500px;height:250px;margin-top:110px;position:fixed;margin-left:0px;z-index:1;}
  118. .top img{width:500px;height:250px;position:fixed;opacity:1;border-radius:4px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  119. .top img:hover{opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  120. .top2 img{width:500px;height:250px;position:fixed;opacity:1;border-radius:4px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  121. .top2 img:hover{opacity:0;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  122. .boxtop{width:500px;height:380px;z-index:1;margin-left:470px;margin-top:-380px;position:fixed;background-color:{color:background};}
  123. {CustomCSS}</style></head><body>
  124.  
  125. <div class="boxtop">
  126. <div id="header">
  127. <div class="top2">
  128. <img src="{image:sidebar two}"/>
  129. </div>
  130. <div class="top">
  131. <img src="{image:sidebar}"/>
  132. </div>
  133. </div></div>
  134.  
  135. <div id="sidebar">
  136. <div id="description">
  137. {Description}
  138. </div>
  139.  
  140. <div class="links">
  141. <a href="{text:link one url}">{text:link one}</a>
  142. <a href="{text:link two url}">{text:link two}</a>
  143. <a href="{text:link three url}">{text:link three}</a>
  144. <a href="{text:link four url}">{text:link four}</a>
  145. </div></div>
  146.  
  147. {block:Pagination}<div id="pagination">
  148. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  149. {block:NextPage}<a href="{NextPage}">Forward</a>{/block:NextPage}
  150. </div>{/block:Pagination}
  151.  
  152. <div id="entries">{block:Posts}<div id="post">
  153.  
  154. {block:Text}{block:Title}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{Title}{block:IndexPage}</h1>{/block:IndexPage}{block:PermalinkPage}</h2>{/block:PermalinkPage}{/block:Title}{Body}{/block:Text}
  155.  
  156. {block:Photo}{LinkOpenTag}<img src="{block:IndexPage}{PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-250}{/block:PermalinkPage}">{LinkCloseTag}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  157.  
  158. {block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  159.  
  160. {block:Quote}{block:Source}<div id="asker">{Source}</div>{/block:Source}<div id="ask">{Quote}</div>{/block:Quote}
  161.  
  162. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  163.  
  164. {block:Chat}{block:Title}{block:IndexPage}<h1>{/block:IndexPage}{block:PermalinkPage}<h2>{/block:PermalinkPage}{Title}{/block:IndexPage}</h1>{/block:IndexPage}{/block:PermalinkPage}</h2>{/block:PermalinkPage}{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  165.  
  166. {block:Audio}
  167. <div id="musicinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div>
  168. {block:AudioPlayer}<div id="musicbox">{AudioPlayerwhite}</div>{/block:AudioPlayer}
  169. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  170. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  171. {/block:Audio}
  172.  
  173. {block:Video}{block:IndexPage}{Video-250}{/block:IndexPage}{block:PermalinkPage}{Video-250}{/block:PermalinkPage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Video}
  174.  
  175. {block:Answer}<div id="asker">{Asker} said: </div><div id="ask">{Question}</div>{Answer}{/block:Answer}
  176.  
  177. {block:IndexPage}<div id="perma"><br><a href="{Permalink}"title="Permalink">{24Hour}:{Minutes}</a> <a href="/day/{Year}/{Month}/{DayofMonth}" title="more from this date">{DayofWeek}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a></div>{block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  178. </div>
  179.  
  180.  
  181. {block:PermalinkPage}{block:Date}<div id="info"><p>Posted {24Hour}:{Minutes}:{Seconds} {DayofWeek} {DayofMonth} {Month} {Year}</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 {NoteCountWithLabel}</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}
  182. {/block:Date}{/block:PermalinkPage}
  183. {/block:Posts}
  184. </div>
  185. <div id="cred"><a href="http://jimothythemes.tumblr.com/" title="Code by Chris">☢</a></div>
  186. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment