Advertisement
winchestheart

theme 04; nephilim.

Mar 7th, 2013
2,833
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.99 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 04; nephilim 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.  
  19. <meta name="image:sidebar img" content="" />
  20. <meta name="image:sidebar bg" content="" />
  21.  
  22. <meta name="color:links" content="#c6c6c6" />
  23. <meta name="color:text" content="#a7a7a7" />
  24. <meta name="color:background" content="#ffffff" />
  25. <meta name="color:post" content="#ffffff" />
  26. <meta name="color:border" content="#f1f1f1" />
  27.  
  28. <meta name="color:sidebar" content="#fafafa" />
  29. <meta name="color:description" content="#f1f1f1" />
  30. <meta name="color:permalink" content="#f8f8f8" />
  31. <meta name="color:navi background hover" content="#d7d7d7" />
  32. <meta name="color:navi background" content="#f8f8f8" />
  33. <meta name="color:navi links hover" content="#ffffff" />
  34.  
  35. <meta name="text:Link 01 URL" content="/" />
  36. <meta name="text:Link 02 URL" content="/ask" />
  37. <meta name="text:Link 03 URL" content="" />
  38. <meta name="text:Link 04 URL" content="" />
  39. <meta name="text:Link 05 URL" content="" />
  40. <meta name="text:Link 01" content="home" />
  41. <meta name="text:Link 02" content="message" />
  42. <meta name="text:Link 03" content="" />
  43. <meta name="text:Link 04" content="" />
  44. <meta name="text:Link 05" content="" />
  45.  
  46. <meta name="if:Lazy Load" content="0" />
  47. <meta name="if:ToolTips jQuery Plugin" content="0" />
  48.  
  49.  
  50.  
  51. <!-- lazy load by Mika Tuupola | http://www.appelsiini.net -------------->
  52.  
  53. {block:IfLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  54. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  55. <script type="text/javascript" charset="utf-8">
  56. var $j = jQuery.noConflict();
  57. $j(function() {
  58. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  59. $j("img").lazyload({
  60. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  61. effect: "fadeIn",
  62. });
  63. });
  64. </script>{/block:IfLazyLoad}
  65.  
  66.  
  67. <!-- qTip by Craig Erskine | http://qrayg.com ---------------------------->
  68.  
  69. {block:IfToolTipsjQueryPlugin}<script type="text/javascript" src="http://static.tumblr.com/jivo3dw/bhQmixbme/qtip.js"></script>{/block:IfToolTipsjQueryPlugin}
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. ::-webkit-scrollbar {width:5px;height:5px;background:{color:border};}
  76. ::-webkit-scrollbar-thumb:vertical {height:5px;background:{color:links};}
  77. ::-webkit-scrollbar-thumb:horizontal {height:5px;background:{color:links};}
  78.  
  79. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  80.  
  81. div#qTip {display:none;z-index:99;position:absolute;padding:3px;margin:5px;font-family:consolas;font-size:8px;letter-spacing:1px;text-transform:uppercase;background:{color:border};}
  82.  
  83. body {font-family:calibri;font-size:10px;background-color:{color:background};color:{color:text};}
  84.  
  85. a {text-decoration:none;color:{color:links};}
  86. a:hover {text-decoration:underline;color:{color:links};}
  87.  
  88. small {font-size:10px;}
  89.  
  90. blockquote {padding-left:8px;margin-left:10px;font-weight:bold;border-left:2px solid {color:border};}
  91.  
  92. h1 {font-family:cambria;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:normal;}
  93.  
  94. .label {font-weight:bold;color:{color:links};}
  95.  
  96. #credit {position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;padding:3px;}
  97.  
  98.  
  99. /* SIDEBAR */
  100.  
  101. #pagination {margin-left:224px;margin-top:100px;width:149px;text-align:center;font-family:courier new;padding:2px;}
  102. #pagination a {padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;margin-left:3px;margin-right:3px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
  103. #pagination a:hover {text-decoration:none;background-color:{color:navi background hover};color:{color:navi links hover};}
  104.  
  105. #sidebar {width:400px;height:150%;margin-left:-10px;margin-top:-10px;position:fixed;background-image:url('{image:sidebar bg}');border-right:1px solid {color:border};background-color:{color:sidebar};}
  106.  
  107. .sideimg {margin-top:2px;float:right;margin-right:20px;}
  108. .sideimg img {border:2px solid {color:description};}
  109.  
  110. .description {margin-top:-3px;letter-spacing:1px;font-family:arial;font-size:8px;padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;text-align:justify;width:124px;background-color:{color:description};}
  111.  
  112. .navigation {font-family:courier new;font-size:9px;text-align:center;margin-top:2px;padding:5px;padding-top:7px;padding-bottom:7px;text-align:center;background-color:{color:description};}
  113. .navigation a {margin-left:3px;margin-right:3px;padding:2px;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;background-color:{color:navi background};}
  114. .navigation a:hover {text-decoration:none;background-color:{color:navi background hover};color:{color:navi links hover};}
  115.  
  116.  
  117. /* POST */
  118.  
  119. #post {margin-left:450px;width:500px;padding:10px;text-align:justify;background-color:{color:post};border:1px solid {color:border};}
  120.  
  121. #permalink {margin-top:20px;margin-left:-10px;text-transform:uppercase;font-family:consolas;font-size:8px;letter-spacing:2px;padding:1px;text-align:center;width:519px;background-color:{color:permalink};}
  122.  
  123. .tags {text-align:center;font-size:8px;letter-spacing:1px;font-family:arial;padding:2px;margin-top:3px;margin-bottom:-4px;margin-right:-14px;}
  124. .tags a {text-decoration:underline;}
  125.  
  126.  
  127. /* QUOTE */
  128.  
  129. .quote {font-size:14px;font-family:cambria;}
  130. .source {font-size:8px;font-weight:bold;text-transform:uppercase;font-family:calibri;padding-top:10px;text-align:center;}
  131.  
  132.  
  133. /* QUESTION */
  134.  
  135. .question {font-style:italic;padding:10px;text-align:justify;background-color:{color:permalink};}
  136. .asker {font-size:8px;font-weight:bold;text-transform:uppercase;text-align:right;padding-right:10px;margin-top:-7px;}
  137.  
  138.  
  139. /* NOTES */
  140.  
  141. .notes {width:480px;margin-left:215px;margin-top:30px;font-weight:bold;}
  142. ol.notes {list-style-type:none;}
  143. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  144. ol.notes li.note img.avatar {vertical-align:-8px;}
  145. ol.notes li.note img {padding:2px;border:1px solid {color:border};}
  146. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  147.  
  148.  
  149. </style>
  150. </head>
  151.  
  152.  
  153. <body>
  154.  
  155. <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank">THEME</a></div>
  156.  
  157. <!-- sidebar -->
  158.  
  159. <div id="sidebar">
  160.  
  161. <div id="pagination">
  162. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<a href="{URL}">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}{/block:Pagination}
  163. </div>
  164.  
  165.  
  166. <div class="sideimg">
  167. <center><img src="{image:Sidebar img}" width="150"></center>
  168.  
  169. <div class="description">{Description}</div>
  170.  
  171. <div class="navigation">
  172. <a href="{text:Link 01 URL}" title="{text:Link 01}">01</a>
  173. <a href="{text:Link 02 URL}" title="{text:Link 02}">02</a>
  174. <a href="{text:Link 03 URL}" title="{text:Link 03}">03</a>
  175. <a href="{text:Link 04 URL}" title="{text:Link 04}">04</a>
  176. <a href="{text:Link 05 URL}" title="{text:Link 05}">05</a>
  177. </div>
  178.  
  179. </div><!-- sideimg -->
  180. </div> <!-- sidebar -->
  181.  
  182.  
  183. <!-- posts -->
  184.  
  185. {block:Posts}
  186. <br><br><br>
  187. <div id="post">
  188.  
  189. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  190.  
  191. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  192.  
  193. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  194.  
  195. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  196.  
  197. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  198.  
  199. {block:Chat}<div id="chat">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  200. <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}
  201.  
  202. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  203.  
  204. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  205.  
  206. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:permalink};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  207.  
  208. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  209. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  210.  
  211. <!-- {block:NoRebloggedFrom}
  212. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  213. {/block:NoRebloggedFrom} -->
  214.  
  215. <div id="permalink">
  216. {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}</div>
  217. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  218.  
  219. </div><!-- post -->
  220.  
  221. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  222.  
  223. {/block:Posts}
  224. <br><br><br>
  225.  
  226.  
  227. </body>
  228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement