Advertisement
winchestheart

theme 05; kyddshaw.

Mar 18th, 2013
4,299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.50 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- Theme 05; kyddshaw by ~winchestheart.
  5. // http://winchestheart.tumblr.com © //
  6.  
  7. This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License.
  8. > http://creativecommons.org/licenses/by-nc/3.0/
  9.  
  10. Do not remove the credit or use as your own work.
  11. Thank you.
  12.  
  13. -->
  14.  
  15.  
  16. <html><head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <meta name="image:Sidebar" content="" />
  21.  
  22. <meta name="color:Links" content="#c6c6c6" />
  23. <meta name="color:Links Hover" content="#ffffff" />
  24. <meta name="color:Links Background Hover" content="#bdcbcc" />
  25. <meta name="color:Text" content="#a7a7a7" />
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Post" content="#ffffff" />
  28. <meta name="color:Border" content="#f1f1f1" />
  29.  
  30. <meta name="color:Scrollbar Background" content="#f8f8f8" />
  31. <meta name="color:Scrollbar" content="#bdcbcc" />
  32.  
  33. <meta name="text:Link 01 URL" content="/" />
  34. <meta name="text:Link 02 URL" content="/ask" />
  35. <meta name="text:Link 03 URL" content="" />
  36. <meta name="text:Link 01" content="home" />
  37. <meta name="text:Link 02" content="mail" />
  38. <meta name="text:Link 03" content="navi" />
  39.  
  40. <meta name="if:Lazy Load" content="" />
  41. <meta name="if:Custom Scrollbar" content="">
  42.  
  43.  
  44.  
  45. <!-- lazy load by Mika Tuupola | http://www.appelsiini.net -------------->
  46.  
  47. {block:IfLazyLoad}
  48. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  49. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  50. <script type="text/javascript" charset="utf-8">
  51. var $j = jQuery.noConflict();
  52. $j(function() {
  53. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  54. $j("img").lazyload({
  55. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  56. effect: "fadeIn",
  57. });
  58. });
  59. </script>
  60. {/block:IfLazyLoad}
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. {block:IfCustomScrollbar}
  66. ::-webkit-scrollbar {width:5px;height:5px;background:{color:scrollbar background};}
  67. ::-webkit-scrollbar-thumb:vertical {height:5px;background:{color:scrollbar};}
  68. ::-webkit-scrollbar-thumb:horizontal {height:5px;background:{color:scrollbar};}
  69. {/block:IfCustomScrollbar}
  70.  
  71. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  72.  
  73. body {font-family:calibri;font-size:10px;background-color:{color:background};color:{color:text};}
  74.  
  75. a {text-decoration:none;padding:1px;padding-left:3px;padding-right:2px;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;color:{color:links};}
  76. a:hover {color:{color:links hover};text-decoration:none;background-color:{color:links background hover};padding-left:3px;padding-right:2px;}
  77.  
  78. small {font-size:10px;}
  79.  
  80. blockquote {padding-left:8px;margin-left:10px;font-weight:bold;border-left:3px solid {color:border};}
  81.  
  82. h1 {text-transform:uppercase;letter-spacing:1px;font-size:8px;font-weight:bold;}
  83.  
  84. .label {font-weight:bold;}
  85.  
  86. #credit {position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;padding:3px;}
  87.  
  88.  
  89. /* SIDEBAR */
  90.  
  91. .pagination {font-family:consolas;text-transform:uppercase;font-size:8px;letter-spacing:2px;padding:3px;color:{color:links};}
  92.  
  93. #sidebar {position:fixed;width:160px;height:260px;margin-left:200px;margin-top:200px;}
  94.  
  95. #sidebar img {padding:3px;border:1px solid {color:border};}
  96.  
  97. .navigation {font-family:consolas;letter-spacing:1px;font-size:10px;text-transform:uppercase;text-align:right;padding:3px;padding-right:6px;width:24px;border-right:1px solid {color:border};}
  98.  
  99. .description {font-family:arial;font-size:8px;text-align:justify;letter-spacing:1px;width:118px;margin-top:-35px;margin-left:38px;}
  100. .description a {padding:0px;}
  101. .description a:hover {background-color:transparent;color:{color:links};}
  102.  
  103.  
  104. /* POST */
  105.  
  106. #post {width:500px;padding:20px;margin-left:430px;text-align:justify;background-color:{color:post};border:1px solid {color:border};}
  107.  
  108. #line {width:500px;height:2px;margin-top:30px;background-color:{color:border};}
  109. #permalink {text-transform:uppercase;font-weight:bold;font-size:8px;letter-spacing:1px;text-align:center;margin-top:-6px;}
  110.  
  111. .tags {text-align:center;font-size:8px;letter-spacing:1px;font-family:arial;padding:5px;margin-bottom:-2px;}
  112. .tags a {text-decoration:underline;}
  113. .tags a:hover {text-decoration:none;}
  114.  
  115.  
  116. /* QUOTE */
  117.  
  118. .quote {font-size:14px;font-family:cambria;}
  119. .source {font-size:8px;font-weight:bold;text-transform:uppercase;font-family:calibri;padding-top:10px;text-align:center;}
  120.  
  121.  
  122. /* QUESTION */
  123.  
  124. .question {font-weight:bold;padding:10px;text-align:justify;background-color:{color:border};}
  125. .asker {font-size:8px;font-weight:bold;text-transform:uppercase;text-align:right;margin-right:10px;margin-top:-7px;}
  126.  
  127.  
  128. /* NOTES */
  129.  
  130. .notes {width:480px;margin-left:215px;margin-top:30px;font-weight:bold;}
  131. .notes a:hover {background-color:transparent;color:{color:links};}
  132. ol.notes {list-style-type:none;}
  133. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  134. ol.notes li.note img.avatar {vertical-align:-8px;}
  135. ol.notes li.note img {padding:2px;border:1px solid {color:border};}
  136. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  137.  
  138.  
  139. </style>
  140. </head>
  141.  
  142.  
  143. <body>
  144.  
  145.  
  146. <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank">theme</a></div>
  147.  
  148. <!-- sidebar -->
  149.  
  150.  
  151. <div id="sidebar">
  152.  
  153. <center>{block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>{/block:Pagination}<img src="{image:Sidebar}" width="150"></center>
  154.  
  155. <div class="navigation"><a href="{text:Link 01 URL}">{text:Link 01}</a><br><a href="{text:Link 02 URL}">{text:Link 02}</a><br><a href="{text:Link 03 URL}">{text:Link 03}</a></div>
  156.  
  157. <div class="description">{Description}</div>
  158.  
  159. </div> <!-- sidebar -->
  160.  
  161.  
  162.  
  163. <!-- posts -->
  164.  
  165. {block:Posts}
  166. <br><br><br>
  167. <div id="post">
  168.  
  169. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  170.  
  171. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  172.  
  173. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  174.  
  175. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  176.  
  177. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  178.  
  179. {block:Chat}<div id="chat">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</div>{/block:Lines}</div></div>{/block:Chat}
  180.  
  181. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  182.  
  183. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  184.  
  185. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:border};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  186.  
  187. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  188. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  189.  
  190. <!-- {block:NoRebloggedFrom}
  191. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  192. {/block:NoRebloggedFrom} -->
  193.  
  194.  
  195. <div id="line"></div>
  196.  
  197. <center><div id="permalink"><span style="background-color:{color:post};padding:2px;padding-left:8px;padding-right:8px;">
  198. {block:Date}shared <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} ©<a href="{ReblogRootURL}" title="posted by {ReblogRootName}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}</span></div></center>
  199. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  200.  
  201. </div><!-- post -->
  202.  
  203. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  204.  
  205. {/block:Posts}
  206. <br><br><br>
  207.  
  208.  
  209. </body>
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement