Advertisement
winchestheart

theme 02; king and lionheart.

Feb 10th, 2013
3,682
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.34 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 02; king and lionheart 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. <html><head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <meta name="image:sidebar" content="" />
  19. <meta name="color:main" content="" />
  20. <meta name="color:text" content="" />
  21. <meta name="color:bg" content="" />
  22. <meta name="color:post" content="" />
  23. <meta name="color:border" content="" />
  24. <meta name="if:custom scrollbar" content="" />
  25. <meta name="text:link1" content="" />
  26. <meta name="text:link2" content="" />
  27. <meta name="text:link3" content="" />
  28. <meta name="text:title link1" content="" />
  29. <meta name="text:title link2" content="" />
  30. <meta name="text:title link3" content="" />
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  33.  
  34.  
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. {block:IfCustomScrollbar}
  40. ::-webkit-scrollbar {width:5px;height:5px;background:{color:post};}
  41. ::-webkit-scrollbar-thumb:vertical {height:5px;background:{color:main};}
  42. ::-webkit-scrollbar-thumb:horizontal {height:5px;!important;background:{color:main};}
  43. {/block:IfCustomScrollbar}
  44.  
  45.  
  46. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  47.  
  48. body {font-family:calibri,arial;font-size:10px;background-color:{color:bg};color:{color:text};}
  49.  
  50. a {padding:1px;text-decoration:none;color:{color:main};}
  51. a:hover {text-decoration:underline;color:{color:main};}
  52.  
  53. small {font-size:10px;}
  54. big {font-size:12px;}
  55.  
  56. blockquote {padding:0px 8px 0px 8px;margin:0px 0px 0px 10px;border-left:2px solid {color:border};}
  57.  
  58. #credit {margin-right:-9px;position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;padding:3px;border:1px solid {color:border};}
  59.  
  60. .credit {display:inline-block;margin-right:-100px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
  61.  
  62. #credit:hover .credit {margin-right:0px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
  63.  
  64. h1 {font-family:cambria;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:normal;}
  65.  
  66. .label {font-weight:bold;color:{color:main};}
  67.  
  68.  
  69. /* SIDEBAR */
  70.  
  71. #sidebar {width:128px;margin-left:230px;margin-top:200px;position:fixed;}
  72.  
  73. .pagination {text-align:right;font-size:11px;font-style:italic;font-family:cambria;padding-bottom:2px;padding-right:5px;}
  74.  
  75. .sideimg {width:120px;height:auto;float:center;}
  76. .sideimg img {padding:4px;opacity:.7;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;border:1px solid {color:border};}
  77. .sideimg img:hover {opacity:1;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;}
  78.  
  79. .description {margin-top:5px;font-family:cambria;font-size:9px;padding-bottom:5px;text-align:center;border-bottom:1px solid {color:border};}
  80.  
  81. .navigation {margin-top:5px;font-family:cambria;font-size:12px;text-align:center;font-style:italic;}
  82.  
  83. .navigation a {color:{color:text};}
  84. .navigation a:hover {color:{color:main};}
  85.  
  86.  
  87. /* POST */
  88.  
  89. #container {margin-left:400px;}
  90. .post {position:relative;width:500px;padding:8px;z-index:10;text-align:justify;font-family:cambria;background-color:{color:post};border:1px solid {color:border};}
  91. #post {width:500px;}
  92.  
  93. #permalinktags {position:relative;margin-top:-1px;margin-left:10px;z-index:5;}
  94.  
  95. .permalink {display:inline;font-weight:bold;font-size:8px;text-transform:uppercase;padding:2px;padding-left:5px;padding-right:5px;background-color:{color:post};border:1px solid {color:border};color:{color:text};}
  96.  
  97. .tags {display:inline;font-family:cambria;font-size:9px;text-transform:lowercase;font-style:italic;line-height:15px;text-align:justify;max-width:500px;}
  98. .tags a {color:{color:text};font-weight:bold;}
  99. .tags a:hover {color:{color:main};}
  100.  
  101.  
  102. /* QUOTE */
  103.  
  104. .quote {font-size:14px;}
  105. .source {font-size:8px;font-weight:bold;text-transform:uppercase;font-family:calibri;padding-top:10px;text-align:center;}
  106.  
  107.  
  108. /* QUESTION */
  109.  
  110. .question {font-style:italic;padding:10px;background-color:#f8f8f8;}
  111. .asker {font-size:8px;font-family:calibri;font-weight:bold;text-transform:uppercase;text-align:right;padding-right:10px;margin-top:-7px;}
  112.  
  113.  
  114. /* AUDIO */
  115.  
  116. .audioplayer {position:absolute;z-index:10;width:28px;height:28px;overflow:hidden;margin:40px;opacity:.7;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease-o-transition: all 0.8s ease;transition: all 0.8s ease;}
  117. .audioplayer:hover {opacity:.9;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease-o-transition: all 0.8s ease;transition: all 0.8s ease;}
  118. .albumart {width:100px;height:100px;position:relative;z-index:5;display:inline-block;}
  119. .albumart img {padding:3px;border:1px solid {color:border};opacity:.5;}
  120. .audiocaption {display:inline-block;margin-left:20px;}
  121.  
  122.  
  123. /* NOTES */
  124.  
  125. .notes {width:480px;margin-left:0px;margin-top:10px;font-size:10px;font-weight:bold;}
  126. ol.notes {list-style-type:none;}
  127. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  128. ol.notes li.note img.avatar {vertical-align:-8px;}
  129. ol.notes li.note img {padding:2px;border:1px solid {color:border};}
  130. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  131.  
  132.  
  133. </style>
  134. </head>
  135.  
  136. <body>
  137.  
  138.  
  139. <div id="credit">theme © <div class="credit"><a href="http://winchestheart.tumblr.com" target="_blank">winchestheart</a>&nbsp;&nbsp;</div></div>
  140.  
  141.  
  142.  
  143. <!-- SIDEBAR -->
  144.  
  145. <div id="sidebar">
  146.  
  147. <div class="sideimg"><img src="{image:Sidebar}" width="120"></div>
  148. <div class="description">{Description}</div>
  149. <div class="navigation">
  150. <a href="/">home</a>
  151. <a href="/ask">askbox</a>
  152. <a href="{text:link1}">{text:title link1}</a><br>
  153. {block:PreviousPage}<a href="{PreviousPage}">‹</a> {/block:PreviousPage} <a href="{text:link2}">{text:title link2}</a>
  154. <a href="{text:link3}">{text:title link3}</a> {block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}
  155. </div>
  156.  
  157. </div> <!-- sidebar -->
  158.  
  159.  
  160.  
  161. <div id="container">
  162. <br><br>
  163. {block:Posts}
  164. <div id="post">
  165. <div class="post">
  166.  
  167. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  168.  
  169. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  170.  
  171. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  172.  
  173. {block:Quote}<div class="quote">❝ {Quote}</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  174.  
  175. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  176.  
  177. {block:Chat}<div id="chat">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  178. <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}
  179.  
  180. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  181.  
  182. {block:Audio}<div class="audioplayer">{AudioPlayerWhite}</div><div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt}</div><div class="audiocaption"><div style="font-family:courier new;font-size:9px;letter-spacing:1px;">{block:Artist}<u>ARTIST</u>: {Artist};<br>{/block:Artist}{block:Album}<u>ALBUM</u>: {Album};<br>{/block:Album}{block:TrackName}<u>TRACK</u>:{TrackName};<br>{/block:TrackName}<u>PLAYED</u>: {PlayCount} times.</div>{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  183.  
  184. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:#f8f8f8;">◥</span> {Asker}</div>{Answer}{/block:Answer}
  185.  
  186. </div><!-- post class -->
  187.  
  188.  
  189. <div id="permalinktags">
  190.  
  191.  
  192. <div class="permalink">
  193. {block:Date}POSTED <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} WITH {NoteCountWithLabel}{/block:NoteCount} {block:PermalinkPage}{block:RebloggedFrom}[<a href="{ReblogRootURL}" title="{ReblogRootName}" target="_blank">SOURCE</a> - <a href="{ReblogParentURL}" title="{ReblogParentName}" target="_blank">VIA</a>]{/block:RebloggedFrom}{/block:PermalinkPage} ▪ <a href="{ReblogURL}" target="_blank">reblog</a>
  194. </div>
  195.  
  196. {block:HasTags}<div class="tags">&nbsp; #{block:Tags}<a href="{TagURL}">{Tag}</a>;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  197.  
  198.  
  199. </div><!-- permalinktags -->
  200.  
  201. <br><br><br>
  202.  
  203. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  204. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  205.  
  206. <div class="postnotes">{PostNotes}</div>
  207.  
  208. </div><!-- post -->
  209.  
  210. {/block:Posts}</div><!-- container -->
  211.  
  212.  
  213. </body>
  214.  
  215. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement