Advertisement
ynthemes

12 - theme twelve

Apr 1st, 2014
4,569
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.90 KB | None | 0 0
  1. <html>
  2. <!---
  3. THEME ELEVEN BY YNTHEMES.TUMBLR.COM
  4.  
  5. DON'T (RE)MOVE THE CREDIT
  6. DON'T CLAIM AS YOURS
  7. DON'T USE AS BASE
  8. --->
  9. <head>
  10.  
  11. <meta name="color:background" content="#fff">
  12. <meta name="color:text" content="#000">
  13. <meta name="color:link" content="#888">
  14. <meta name="color:borders" content="#eee">
  15. <meta name="image:sidebar" content="">
  16. <meta name="if:title" content="1">
  17. <meta name="if:letterspacing" content="0">
  18. <meta name="if:linkunderline" content="1">
  19.  
  20. <meta name="text:drop down name" content="navigation">
  21. <meta name="text:link 1" content="">
  22. <meta name="text:link 1 url" content="/">
  23. <meta name="text:link 2" content="">
  24. <meta name="text:link 2 url" content="/">
  25. <meta name="text:link 3" content="">
  26. <meta name="text:link 3 url" content="/">
  27. <meta name="text:link 4" content="">
  28. <meta name="text:link 4 url" content="/">
  29. <meta name="text:link 5" content="">
  30. <meta name="text:link 5 url" content="/">
  31. <meta name="text:link 6" content="">
  32. <meta name="text:link 6 url" content="/">
  33. <meta name="text:link 7" content="">
  34. <meta name="text:link 7 url" content="/">
  35. <meta name="text:link 8" content="">
  36. <meta name="text:link 8 url" content="/">
  37. <meta name="text:link 9" content="">
  38. <meta name="text:link 9 url" content="/">
  39. <meta name="text:link 10" content="">
  40. <meta name="text:link 10 url" content="/">
  41.  
  42. <title>{Title}</title>
  43. {block:Description}
  44. <meta name="description" content="{MetaDescription}"/>
  45. {/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}"/>
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  48.  
  49. <style type="text/css">
  50.  
  51. body {margin:0px auto;background-color:{color:background};font-family:helvetica;font-size:11px;{block:ifletterspacing}letter-spacing:1px;{/block:ifletterspacing}color:{color:text};line-height:120%;word-wrap:break-word;}
  52. blockquote {border-left:1px solid {color:text};margin:auto;padding-left:10px;}
  53. ::-webkit-scrollbar{height:5px;width:5px;background-color:#fff}
  54. ::-webkit-scrollbar-thumb:vertical{background-color:{color:text};}
  55. ::-webkit-scrollbar-thumb:horizontal{background-color:{color:text};}
  56. h1 {font-size:11px;text-transform:uppercase;letter-spacing:2px;background-color:{color:text};padding:10px;color:{color:background};font-weight:100;line-height:150%;}
  57. h1 a {color:{color:background};text-decoration:none;}
  58. h1 a:hover {color:{color:background};}
  59. a {text-decoration:none;color:{color:link};{block:iflinkunderline}text-decoration:underline;color:{color:text};{/block:iflinkunderline}transition:1s;}
  60. a:hover {text-decoration:none;transition:1s;color:{color:text};}
  61. img {max-width:100%}
  62.  
  63. #sidebar {margin-left:200px;margin-top:200px;width:160px;position:fixed;}
  64. #sidebar img {margin-top:-5px;width:160px}
  65. #description {padding:5px;margin-bottom:5px;}
  66. #pagination {text-align:center;margin-top:10px;font-size:9px;}
  67. #pagination a{color:{color:text};text-decoration:none;}
  68.  
  69. #container {width:auto;margin-left:500px;padding-top:100px;}
  70. #posts {width:500px;padding:10px;margin-bottom:50px;text-align:justify;}
  71. #question {margin-top:-10px;padding:15px;background-color:{color:borders};}
  72. #permalink {padding:10px;font-size:10px;position:absolute;margin-left:500px;text-align:center;opacity:0;width:100px;transition:1s;} #permalink a{text-decoration:none;color:{color:text};} #posts:hover #permalink {opacity:1;transition:1s;}
  73. #tags {text-align:left;border-top:1px solid {color:borders};padding-top:5px;margin-top:5px;}
  74.  
  75. #audioimg {float:left} #audioimg img {width:50px;border:5px solid {color:text};margin-right:10px;}
  76. #audioplayer {width:25px;margin-top:15px;margin-left:17px;position:absolute;overflow:hidden;transition:1s;opacity:.5;}
  77. #audioplayer:hover {transition:1s;opacity:1}
  78. #audioinfo {padding:5px;}
  79.  
  80. #postnotes {margin-top:100px;text-align:left;font-size:9px;text-transform:lowercase;width:500px;color:{color:text};}
  81. #postnotes a{color:{color:text};}
  82. ol.notes {list-style-type:none;margin-left:-40px;}
  83. ol.notes li.note {padding:5px;border-bottom:1px solid {color:borders};}
  84. ol.notes li.note a img.avatar {border-radius:10px;margin-right:5px;}
  85.  
  86. #credit {position:fixed;bottom:30px;right:50px;} #credit a{text-decoration:none;padding:3px;color:{color:text};font-family:times;font-style:italic;font-weight:bold;font-size:14px;} #credit a:hover {color:{color:hover}}
  87.  
  88. #s-m-t-tooltip {background-color:{color:text};color:{color:background};max-width:500px;padding:4px;margin:15px;z-index:999;letter-spacing:1px;font-size:9px}
  89.  
  90. </style></head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script><body>
  91.  
  92. <div id="sidebar">
  93. {block:iftitle}<h1>{title}</h1>{/block:iftitle}
  94. <a href="/" title="home"><img src="{image:sidebar}"></a>
  95. <div id="description"><blockquote>{description}</blockquote></div>
  96. <center><select onchange='location=this.options[this.selectedIndex].value;' style='width:100px;font-size:10px;'>
  97. <option>{text:drop down name}</option>
  98. <option value="/">home</option>
  99. <option value="/ask">message</option>
  100. {block:ifLink1}
  101. <option value="{text:link 1 url}">{text:link 1}</option>
  102. {/block:ifLink1}{block:ifLink2}
  103. <option value="{text:link 2 url}">{text:link 2}</option>
  104. {/block:ifLink2}{block:ifLink3}
  105. <option value="{text:link 3 url}">{text:link 3}</option>
  106. {/block:ifLink3}{block:ifLink4}
  107. <option value="{text:link 4 url}">{text:link 4}</option>
  108. {/block:ifLink4}{block:ifLink5}
  109. <option value="{text:link 5 url}">{text:link 5}</option>
  110. {/block:ifLink5}{block:ifLink6}
  111. <option value="{text:link 6 url}">{text:link 6}</option>
  112. {/block:ifLink6}{block:ifLink7}
  113. <option value="{text:link 7 url}">{text:link 7}</option>
  114. {/block:ifLink7}{block:ifLink8}
  115. <option value="{text:link 8 url}">{text:link 8}</option>
  116. {/block:ifLink8}{block:ifLink9}
  117. <option value="{text:link 9 url}">{text:link 9}</option>
  118. {/block:ifLink9}{block:ifLink10}
  119. <option value="{text:link 10 url}">{text:link 10}</option>
  120. {/block:ifLink10}
  121. </select></center>
  122.  
  123. {block:Pagination}<div id="pagination">
  124. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  125. page {CurrentPage} of {TotalPages}
  126. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  127. </div>{/block:Pagination}
  128. </div>
  129.  
  130. <div id="container">{block:Posts}<div id="posts">
  131.  
  132. {block:Date}<div id="permalink">
  133. <a href="{Permalink}" title="posted {timeago}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}">♥</a> / <a href="{ReblogURL}" target="_blank" title="reblog this post">↺</a> {block:RebloggedFrom} /
  134. <a href="{ReblogParentURL}" title="{ReblogParentName}"></a>
  135. <a href="{ReblogRootURL}" title="source: {ReblogRootName}">©</a>
  136. {/block:RebloggedFrom}<br>
  137.  
  138. {block:HasTags}<div id="tags">
  139. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  140. </div>{/block:HasTags}</div>{/block:Date}
  141.  
  142. {block:Text}
  143. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  144. {/block:Text}
  145.  
  146. {block:Quote}<h1>{Quote}</h1>
  147. {block:Source}<span style="float:right">— {Source}</span>{/block:Source}
  148. <p><div style="clear:right"></div></p>
  149. {/block:Quote}
  150.  
  151. {block:Link}
  152. <h1>→ <a href="{URL}" {Target}>{Name}</a></h1>
  153. {block:Description}{Description}{/block:Description}
  154. {/block:Link}
  155.  
  156. {block:Chat}
  157. {block:Title}<h1>{Title}</h1>{/block:Title}
  158. {block:Lines}
  159. {block:Label}<b>{Label}</b>{/block:Label}{Line}<br>
  160. {/block:Lines}<p>
  161. {/block:Chat}
  162.  
  163. {block:Answer}
  164. <h1>{Asker}:</h1>
  165. <div id="question">{Question}</div>
  166. <p>{Answer}</p>
  167. {/block:Answer}
  168.  
  169. {block:Audio}
  170. {block:AlbumArt}
  171. <div id="audioimg"><img src="{AlbumArtURL}"></div>
  172. {/block:AlbumArt}
  173. <div id="audioplayer">{AudioPlayerWhite}</div>
  174. <div id="audioinfo">
  175. {block:Artist}{Artist}<br>{/block:Artist}
  176. {block:TrackName}{TrackName}<br>{/block:TrackName}
  177. {block:Album}{Album}<br>{/block:Album}<br>
  178. </div>
  179. {block:Caption}{Caption}{/block:Caption}
  180. {/block:Audio}
  181.  
  182. {block:Photo}
  183. <img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}
  184. {/block:Photo}
  185.  
  186. {block:Photoset}
  187. {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  188. {/block:Photoset}
  189.  
  190. {block:Video}
  191. {Video-500}{block:Caption}{Caption}{/block:Caption}
  192. {/block:Video}
  193.  
  194. {block:ContentSource}
  195. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  196. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  197. {/block:SourceLogo}
  198. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  199. {/block:ContentSource}
  200.  
  201. {block:PostNotes}
  202. <div id="postnotes">{PostNotes}</div>
  203. {/block:PostNotes}
  204.  
  205. </div>{/block:Posts}</div>
  206. <div id="credit">
  207. <a href="http://ynthemes.tumblr.com" title="themes by ynthemes">yn;</a>
  208. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement