Advertisement
winchestheart

theme 06; aku cinta kamu.

Apr 13th, 2013
10,835
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.86 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 06; aku cinta kamu 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. Read the rules before using any of my themes:
  11. > http://winchestheart.tumblr.com/rules
  12.  
  13. Do not remove the credit or use as your own work.
  14. Thank you.
  15.  
  16. -->
  17.  
  18.  
  19. <html><head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <meta name="image:Sidebar" content="" />
  24.  
  25. <meta name="color:Links" content="#c6c6c6" />
  26. <meta name="color:Main Color" content="#bdcbcc" />
  27. <meta name="color:Text" content="#a7a7a7" />
  28. <meta name="color:Background" content="#ffffff" />
  29. <meta name="color:Border" content="#f1f1f1" />
  30. <meta name="color:Description Background" content="#f9f9f9" />
  31.  
  32. <meta name="color:Scrollbar Background" content="#f8f8f8" />
  33. <meta name="color:Scrollbar" content="#bdcbcc" />
  34.  
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 2 URL" content="" />
  37. <meta name="text:Link 3 URL" content="" />
  38. <meta name="text:Link 1 Title" content="" />
  39. <meta name="text:Link 2 Title" content="" />
  40. <meta name="text:Link 3 Title" content="" />
  41.  
  42. <meta name="text:Title 1" content="your first title" />
  43. <meta name="text:Title 2" content="your second title" />
  44.  
  45. <meta name="if:Lazy Load" content="" />
  46. <meta name="if:Custom Scrollbar" content="">
  47.  
  48.  
  49. <!-- lazy load by Mika Tuupola | http://www.appelsiini.net -------------->
  50.  
  51.  
  52. {block:IfLazyLoad}
  53. <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>
  65. {/block:IfLazyLoad}
  66.  
  67. <style type="text/css">
  68.  
  69. {block:IfCustomScrollbar}
  70. ::-webkit-scrollbar {width:5px;height:5px;background:{color:scrollbar background};}
  71. ::-webkit-scrollbar-thumb:vertical {height:5px;background:{color:scrollbar};}
  72. ::-webkit-scrollbar-thumb:horizontal {height:5px;background:{color:scrollbar};}
  73. {/block:IfCustomScrollbar}
  74.  
  75. iframe#tumblr_controls {top:0px!important;right:3px!important;position: fixed!important;}
  76.  
  77. body {font-family:calibri;font-size:10px;background-color:{color:background};color:{color:text};}
  78.  
  79. a {text-decoration:none;-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};}
  80. a:hover {color:{color:main color};}
  81.  
  82. small {font-size:10px;}
  83. code {font-size:11px;}
  84.  
  85. blockquote {padding-left:8px;margin-left:10px;border-left:3px solid {color:border};}
  86.  
  87. h1 {text-transform:uppercase;letter-spacing:0px;font-size:9px;font-weight:normal;font-family:cambria;}
  88.  
  89. .label {font-weight:bold;}
  90.  
  91. #credit {position:fixed;bottom:5px;right:5px;text-transform:uppercase;font-size:8px;font-weight:bold;padding:3px;border:1px solid {color:border};}
  92.  
  93.  
  94. /* SIDEBAR */
  95.  
  96. #sidebar {position:fixed;width:160px;margin-left:150px;margin-top:200px;}
  97.  
  98. #sidebar img {padding:3px;border:1px solid {color:border};}
  99.  
  100. .title {margin-left:124px;margin-top:-75px;width:100px;font-family:cambria;font-size:15px;font-style:italic;text-align:center;letter-spacing:-1px;padding-bottom:2px;border-bottom:1px solid {color:border};}
  101.  
  102. .navigation {font-family:trebuchet ms;letter-spacing:1px;font-size:7px;text-transform:uppercase;margin-left:124px;width:100px;padding-top:3px;padding-bottom:3px;text-align:center;}
  103. .navigation a {margin-left:2px;margin-right:2px;}
  104.  
  105. .titre {font-family:cambria;font-size:8px;text-align:center;letter-spacing:1px;font-style:italic;width:100px;margin-top:4px;margin-left:124px;}
  106.  
  107. #description {position:fixed;margin-left:185px;margin-top:295px;}
  108.  
  109. .description {font-family:arial;font-size:8px;text-align:justify;width:158px;padding-left:16px;padding-right:16px;padding-top:10px;padding-bottom:10px;border-top:1px solid {color:border};background-color:{color:description background};}
  110.  
  111. .desclinks {margin-top:10px;text-align:center;color:{color:links};}
  112. .desclinks a {text-transform:uppercase;letter-spacing:1px;font-family:trebuchet ms;font-size:7px;}
  113.  
  114. .pagination {width:175px;margin-top:5px;text-align:right;font-family:cambria;font-size:9px;letter-spacing:1px;color:{color:links};}
  115.  
  116.  
  117. /* POST */
  118.  
  119. #post {width:500px;margin-left:450px;padding:1px;padding-bottom:8px;text-align:justify;}
  120.  
  121. #line {width:500px;margin-left:450px;margin-top:6px;height:2px;background-color:{color:border};}
  122.  
  123. #permalink {margin-left:448px;margin-top:-7px;text-transform:uppercase;font-size:8px;font-weight:bold;text-align:left;letter-spacing:0px;font-family:calibri;}
  124.  
  125. .tags {margin-left:452px;text-align:left;font-size:9px;font-family:cambria;margin-top:5px;width:515px;color:{color:links};}
  126. .tags a {text-decoration:underline;}
  127. .tags a:hover {color:{color:links};}
  128.  
  129.  
  130. /* QUOTE */
  131.  
  132. .quote {font-size:14px;font-family:cambria;}
  133. .source {font-size:8px;font-weight:bold;text-transform:uppercase;font-family:calibri;padding-top:10px;padding-bottom:5px;text-align:center;}
  134.  
  135.  
  136. /* QUESTION */
  137.  
  138. .question {font-style:italic;padding:10px;text-align:justify;background-color:{color:description background};}
  139. .asker {font-size:8px;font-weight:bold;text-transform:uppercase;text-align:right;margin-right:10px;margin-top:-7px;font-family:calibri;}
  140.  
  141.  
  142. /* NOTES */
  143.  
  144. .notes {font-family:calibri;font-size:10px;width:480px;margin-left:215px;margin-top:30px;font-weight:bold;}
  145. .notes a:hover {background-color:transparent;color:{color:links};}
  146. ol.notes {list-style-type:none;}
  147. ol.notes li.note {padding-bottom:7px;margin-bottom:12px;border-bottom:1px solid {color:border};}
  148. ol.notes li.note img.avatar {vertical-align:-8px;}
  149. ol.notes li.note img {padding:2px;border:1px solid {color:border};}
  150. ol.notes li.note blockquote {padding-left:5px;margin-left:30px;}
  151.  
  152.  
  153. </style>
  154. </head>
  155.  
  156.  
  157. <body>
  158.  
  159. <div id="credit"><a href="http://winchestheart.tumblr.com" target="_blank">THEME</a></div>
  160.  
  161.  
  162. <!-- sidebar -->
  163.  
  164. <div id="sidebar">
  165.  
  166. <center><img src="{image:Sidebar}" width="80"></center>
  167.  
  168. <div class="title">{text:Title 1}</div>
  169.  
  170. <div class="navigation">
  171. <a href="/">home</a> <a href="/ask">message</a> <a href="/archive" target="_blank">past</a></div>
  172.  
  173. <div class="titre">{text:Title 2}</div>
  174.  
  175. </div> <!-- sidebar -->
  176.  
  177.  
  178. <div id="description">
  179.  
  180. <div class="description">{Description}
  181.  
  182. <div class="desclinks"><a href="{text:link 1 url}">{text:link 1 title}</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{text:link 2 url}">{text:link 2 title}</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="{text:link 3 url}">{text:link 3 title}</a></div>
  183.  
  184. </div><!-- description class -->
  185.  
  186. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}"><i>prev</i></a> {/block:PreviousPage}{block:NextPage} — <a href="{NextPage}"><i>next</i></a>{/block:NextPage}</div>
  187.  
  188. </div><!-- description id -->
  189.  
  190.  
  191.  
  192. <!-- posts -->
  193.  
  194. {block:Posts}
  195. <br><br><br>
  196. <div id="post">
  197.  
  198. {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}{Body}{/block:Text}
  199.  
  200. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  201.  
  202. {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  203.  
  204. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div class="source">- {Source}</div>{/block:Source}{/block:Quote}
  205.  
  206. {block:Link}<h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  207.  
  208. {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}
  209.  
  210. {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  211.  
  212. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  213.  
  214. {block:Answer}<div class="question">{Question}</div><div class="asker"><span style="font-size:20px;color:{color:description background};">◥</span> {Asker}</div>{Answer}{/block:Answer}
  215.  
  216. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  217. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  218.  
  219. <!-- {block:NoRebloggedFrom}
  220. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  221. {/block:NoRebloggedFrom} -->
  222.  
  223. </div><!-- post -->
  224.  
  225. <div id="line"></div>
  226.  
  227. <center><div id="permalink">
  228. {block:Date}<span style="background-color:{color:background};padding:3px;"><a href="{Permalink}" style="font-family:cambria;letter-spacing:1px;font-weight:normal;background-color:{color:main color};padding:2px;padding-left:3px;color:{color:background};">{DayOfMonthWithZero} {Month}</a>{/block:Date}{block:NoteCount}&nbsp;&nbsp;<span style="color:{color:main color};opacity:.8;font-family:arial;">♥ </span><a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}&nbsp;&nbsp;©<a href="{ReblogRootURL}" title="posted by {ReblogRootName}" target="_blank">{ReblogRootName}</a>{/block:RebloggedFrom}</span></div></center>
  229. <div class="tags">{block:HasTags}{block:Tags}+<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  230.  
  231.  
  232.  
  233. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  234.  
  235. {/block:Posts}
  236. <br><br><br>
  237.  
  238. </body>
  239. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement