cloverfield

t#2 leaf

Sep 1st, 2014
3,582
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.45 KB | None | 0 0
  1. <!DOCTYPE html><!--
  2.  
  3.  
  4.  
  5. > theme:leaf by 01kido
  6. > please don't remove credit but moving to pages/etc is ok
  7.  
  8.  
  9.  
  10. --><html>
  11.  
  12. <head>
  13.  
  14. <title>{Title}</title>
  15.  
  16. <link rel="shortcut icon" href="{image:favicon}" />
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  18.  
  19. <meta name="description" content="{MetaDescription}" />
  20. <meta name="color:background" content="#fff">
  21. <meta name="color:sidebar" content="#fff">
  22. <meta name="color:posts" content="#fff" />
  23. <meta name="color:border" content="#aaa" />
  24. <meta name="color:sidebar border" content="#aaa" />
  25. <meta name="color:links" content="#aaa" />
  26. <meta name="color:link hover" content="#000" />
  27. <meta name="color:link hover underline" content="#ff0000" />
  28. <meta name="color:side links" content="#f0f8e7">
  29. <meta name="color:side link border" content="#9bb88e" />
  30. <meta name="color:side link hover" content="#fff" />
  31. <meta name="color:text" content="#aaa" />
  32. <meta name="color:search border" content="#aaa" />
  33. <meta name="color:search button" content="#fff" />
  34. <meta name="color:scrollbar" content="#fff"/>
  35. <meta name="color:scrollbar background" content="#000"/>
  36. <meta name="color:text selection" content="#e9fafb" />
  37.  
  38. <meta name="image:favicon" content=""/>
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="image:corner pic" content="">
  41. <meta name="image:background" content=""/>
  42.  
  43. <meta name="if:250px posts" content="0"/>
  44. <meta name="if:400px posts" content="1"/>
  45.  
  46. <meta name="if:search bar" content="1"/>
  47. <meta name="if:small cursor" content="1"/>
  48. <meta name="if:double border" content="1"/>
  49. <meta name="if:double border sidebar" content="1"/>
  50. <meta name="if:show captions" content="1"/>
  51. <meta name="if:background cover" content="0"/>
  52.  
  53. <meta name="select:sidebar width" content="100px"/>
  54. <meta name="select:sidebar width" content="130px"/>
  55. <meta name="select:sidebar width" content="170px"/>
  56. <meta name="select:sidebar width" content="190px"/>
  57. <meta name="select:sidebar width" content="220px"/>
  58. <meta name="select:sidebar width" content="250px"/>
  59.  
  60. <meta name="text:search bar text" content="-search-" />
  61. <meta name="text:description height" content="100px" />
  62. <meta name="text:description opacity" content="0.9" />
  63. <meta name="text:posts left" content="400px" />
  64. <meta name="text:sidebar left" content="100px" />
  65. <meta name="text:scrollbar width" content="7px" />
  66. <meta name="text:corner pic right" content="0px">
  67. <meta name="text:corner pic bottom" content="0px">
  68. <meta name="text:link 1" content="/" />
  69. <meta name="text:link 1 title" content="link" />
  70. <meta name="text:link 2" content="/" />
  71. <meta name="text:link 2 title" content="link" />
  72. <meta name="text:link 3" content="/" />
  73. <meta name="text:link 3 title" content="link" />
  74. <meta name="text:link 4" content="/" />
  75. <meta name="text:link 4 title" content="link" />
  76.  
  77. </head>
  78.  
  79. <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:0,attribute:"title"});});})(jQuery);</script>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <style type="text/css">
  84.  
  85. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  86.  
  87. body { margin:0px; color:{color:text}; background-color:{color:background}; font-family:inconsolata; font-size:11px; line-height:15px; text-align:left; word-wrap:break-word; background-image: url('{image:background}'); background-attachment: fixed; {block:ifbackgroundcover}-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifbackgroundcover} }
  88. body img { border:none; }
  89.  
  90. a { color: {color:links}; text-decoration:none;}
  91. a:hover { color:{color:link hover};-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  92.  
  93. small{ font-size:10px; }
  94. big{ font-size:14px; }
  95. b, strong{color:{color:bold}}
  96. i, em {color:{color:italic}}
  97. p{margin-top:6px; margin-bottom:6px}
  98.  
  99. blockquote { padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  100.  
  101. img a{ border:none; width:100%; }
  102.  
  103. #container { background-color:transparent; width: 400px; }
  104.  
  105. #entries { margin-left:{text:posts left}; }
  106.  
  107. .tooltip { display: inline; position: relative; }
  108. #s-m-t-tooltip { max-width:400px;padding:1px 3px 1px 3px;margin:20px 7px -2px 20px;background-color:{color:posts};border:1px solid {color:border};font-family:verdana;font-size:9px;letter-spacing:1px;color: {color:text}; z-index:999999; word-wrap:break-word;}
  109.  
  110. ::-webkit-scrollbar { width:{text:scrollbar width}; height:{text:scrollbar width}; background-color:{color:scrollbar background}; }
  111. ::-webkit-scrollbar-track { background-color:{color:scrollbar background}; }
  112. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:1px solid {color:scrollbar background}; }
  113.  
  114. ::selection { background: {color:text selection}; }
  115. ::-moz-selection { background:{color:text selection}; }
  116.  
  117. #posts { margin-top:40px; {block:if250pxposts} width: 250px; {/block:if250pxposts} {block:if400pxposts} width: 400px; {/block:if400pxposts} text-align: left; padding: 10px;border: 1px solid {color:border}; background-color:{color:posts}; {block:ifdoubleborder} border:3px double {color:border}; border-bottom:1px solid {color:border};{/block:ifdoubleborder}}
  118. #posts a { border-bottom:3px double {color:links}; }
  119. #posts a:hover { border-bottom:1px dotted {color:link hover underline}; }
  120.  
  121. #posts img { max-width: 100%; }
  122.  
  123. #sidebar { margin-left:{text:sidebar left}; font-family:inconsolata; }
  124.  
  125. #imagebox { position:fixed; width:{select:sidebar width}; {block:ifdoublebordersidebar} border:3px double {color:sidebar border}; {/block:ifdoublebordersidebar} {block:ifnotdoublebordersidebar} border:1px solid {color:sidebar border}; {/block:ifnotdoublebordersidebar} padding:10px; margin-top: 100px; background:{color:sidebar}; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
  126.  
  127. #imga { display:block; position:relative }
  128.  
  129. #desi { border:1px dotted {color:sidebar border}; }
  130.  
  131. #desimg { width:100%; display:block; position:relative; z-index;1 }
  132.  
  133. #imagebox:hover .desbox { opacity:1; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-in; }
  134.  
  135. .desbox { background:rgba(255,255,255,{text:description opacity}); position:absolute; width:100%; height:100%; background:{color:sidebar}; opacity:0; z-index:2; -webkit-transition: all .6s ease-out; -moz-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .6s ease-out; }
  136.  
  137. #des { display:table; width:100%; height:100%; table-layout:fixed;}
  138.  
  139. .desdes { border:1px solid #aaa; padding:7px; display:table-cell; vertical-align:middle }
  140.  
  141. #ln { text-transform:uppercase; letter-spacing:1px; position:fixed; display:block; width:30px; height:120px; padding-left:34px; font-size:11px; line-height:21px; margin-left:{select:sidebar width}; margin-top:100px;}
  142. #ln a { line-height:16px; font-size:10px;}
  143.  
  144. .yamato { text-align:right; position:fixed; width:20px; background:{color:side links}; border:1px solid {color:side link border}; padding:0px 5px 0px 0px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
  145.  
  146. .yamato:hover { transition: all .4s ease-in; -webkit-transition: all .4s ease-in; -moz-transition: all .4s ease-in; -o-transition: all .4s ease-in; position:fixed; margin-left:7px; width:20px; border:1px solid {color:side link border}; background:{color:side link hover}; }
  147.  
  148. .jpgn {{block:if250pxposts} width:250px; {/block:if250pxposts} {block:if400pxposts} width:400px; {/block:if400pxposts} text-align:center; font-size:11px; margin:0px 0px 40px 0px; padding:10px; color:{color:links};}
  149. .jpgn a, .current_page { background:{color:posts}; border:1px solid{color:border}; padding:1px 5px 2px 5px;}
  150.  
  151. #info{ height:35px; display:block; padding:5px 10px 0px 10px; letter-spacing:1px; margin:-2px 0px 0px 0px; background-color:{color:posts}; text-align:center; border:1px solid {color:border}; {block:ifdoubleborder} border:3px double {color:border}; border-top:1px solid {color:border};{/block:ifdoubleborder} {block:if250pxposts} width: 250px; {/block:if250pxposts} {block:if400pxposts} width: 400px; {/block:if400pxposts}}
  152. #info a:hover{ border-bottom:1px dotted{color:link hover underline}; }
  153.  
  154. #albumart { width:100px; height:100px; }
  155. #audiop { margin:-100px 0px 0px 110px; width:27px; height:27px; border:1px dotted{color:border}; overflow:hidden; }
  156. #albuminfo { margin: 5px 0px 0px 110px; min-height:62px; }
  157. #musicp { position:absolute; max-width:14px; margin:-15px 0px 0px 150px;}
  158.  
  159. #tttt { font-weight:bold; text-align:center; border-bottom:1px dotted {color:border};padding-bottom:7px; }
  160. #qu { text-align:center; }
  161. #qusrc { font-size:10px; text-align:center; text-transform:uppercase; }
  162. #lnk { text-align:center; border-bottom:1px solid {color:border}; margin:0px -10px; padding-bottom:5px;}
  163.  
  164. .tags { display:none; }
  165.  
  166. #reblog { {block:if400pxposts} width:40px; height:20px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft :5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; {/block:if400pxposts} {block:if250pxposts} width:34px; height:17px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft :4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; {/block:if250pxposts} margin:-42px 0px 60px {block:if400pxposts} 350px {/block:if400pxposts} {block:if250pxposts} 225px {/block:if250pxposts} ; padding:5px 0px 2px 0px; border:1px solid {color:border}; border-top:none; background:{color:posts}; {block:ifdoubleborder} margin-top:-44px;{/block:ifdoubleborder} }
  167.  
  168. .reblogi { max-width:15px; {block:if400pxposts} margin-left:12px; {block:if400pxposts} {block:if250pxposts} margin-left:9px; margin-top:-2px; {block:if250pxposts} border:none; }
  169. .reblogi:hover { opacity:0.2; }
  170.  
  171. .label_odd { font-weight:bold; }
  172. .label_even { font-style:italic; }
  173.  
  174. .notes img{ width:15px; position:relative; margin-bottom:-2px;margin-right:10px;}
  175. .notes a:hover{border-bottom:1px dotted{color:link hover underline};}
  176. ol.notes, .notes li{{block:if400pxposts}width:390px;{/block:if400pxposts}{block:if250pxposts}width:240px;{/block:if250pxposts} list-style:none; margin:0px; padding:5px;text-align:left; }
  177.  
  178. #searchf { position:fixed; margin-top:75px; margin-left:15px; }
  179.  
  180. #searchq { width:81px; font-family:inconsolata; font-size:11px; border:1px solid {color:search border}; padding:1px 2px 3px 5px }
  181.  
  182. #searchi { color:{color:text}; font-family:inconsolata; font-size:11px; border:1px solid {color:search border}; background:{color:search button}; padding:1px 7px 3px 7px; margin-left:-5px; }
  183.  
  184. #cp { position:fixed; bottom:{text:corner pic bottom}; right:{text:corner pic right}; z-index: -2; display:block;> ]
  185.  
  186. </style>
  187.  
  188. <img id="cp" src="{image:corner pic}"/>
  189.  
  190. <body>
  191.  
  192. <div id="sidebar">
  193.  
  194. <div id="imagebox">
  195.  
  196. <a id="imga" href="/">
  197.  
  198. {block:description}
  199. <div class="desbox">
  200. <div id="des">
  201. <div class="desdes">
  202. {description}
  203. </div>
  204. </div>
  205. </div>
  206. {/block:description}
  207.  
  208. <div id="desi">
  209. <img id="desimg" src="{image:sidebar}">
  210. </div>
  211.  
  212. </a>
  213.  
  214. </div>
  215.  
  216. <div id="search">
  217. {block:ifsearchbar}<form action="/search" method="get" id="searchf">
  218. <input type="text" placeholder="{text:search bar text}" name="q" value="{SearchQuery}" id="searchq"/> <input type="submit" value="»" id="searchi" /> </form>{/block:ifsearchbar}</div>
  219.  
  220. <div id="ln">
  221. <a class="yamato" href="/" title="home">.一</a> <br>
  222. <a class="yamato" href="/ask" title="inbox">.二</a> <br>
  223. <a class="yamato" href="{text:link 1}" title="{text:link 1 title}">.三</a><br>
  224. <a class="yamato" href="{text:link 2}" title="{text:link 2 title}">.四</a><br>
  225. <a class="yamato" href="{text:link 3}" title="{text:link 3 title}">.五</a><br>
  226. <a class="yamato" href="http://01kido.tumblr.com/" target="_blank" title="theme">ⓒ</a>
  227. </div>
  228.  
  229. </div> <!--end sidebar-->
  230.  
  231. <div id="entries">
  232.  
  233. {block:SearchPage} <div id="srhpg">
  234. {SearchResultCount} results for {SearchQuery}</div>
  235. {/block:SearchPage}
  236.  
  237. {block:posts}
  238.  
  239. <div id="posts">
  240.  
  241. {block:Title}<div id="tttt">{Title}</div>{/block:Title}
  242.  
  243. {block:Text}{Body}{/block:Text}
  244.  
  245. {block:Quote}
  246. <div id="qu">“{Quote}”</div>
  247. <div id="qusrc"> — {Source}</div>
  248. {/block:Quote}
  249.  
  250. {block:Link}
  251. <div id="lnk">
  252. <a href="{URL}">{Name} »</a></div>
  253. {block:Description}
  254. <br> {Description}
  255. {/block:Description}{/block:Link}
  256.  
  257. {block:Photo}
  258. <img src="{PhotoURL-400}"/>
  259. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}
  260. {/block:Photo}
  261.  
  262. {block:Photoset}
  263. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  264. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  265. {block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{/block:Photoset}
  266.  
  267. {block:Chat}
  268. {block:Lines}
  269. <div id="line">
  270. {block:Label}<span class="label_{Alt}">{Label}</span>{/block:Label}
  271. {Line}</div>
  272. {/block:Lines}
  273. {/block:Chat}
  274.  
  275. {block:Video}{block:if250pxposts}{Video-250}{/block:if250pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifshowcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptions}{/block:Video}
  276.  
  277. {block:Answer}<div id="qqq" style="border-bottom:1px dotted {color:border};"><b>{Asker}</b> whispered: {Question}</div><br>{Answer}{/block:Answer}
  278.  
  279. {block:Audio}
  280. <div id="albumart">
  281. {block:AlbumArt}
  282. <img src="{AlbumArtURL}">
  283. {/block:AlbumArt}</div>
  284. <div id="audiop">{AudioPlayerWhite}</div>
  285. <img id="musicp" src="http://media.tumblr.com/tumblr_m7vzhvERfC1r6o8v2.gif">
  286. <div id="albuminfo">
  287. {block:TrackName}<b>Title: </b>{TrackName}<br>{/block:TrackName}
  288. {block:Artist}<b>Artist: </b> {Artist}<br>{/block:Artist}
  289. {block:Album}<b>Album: </b>{Album} <br>{/block:Album}
  290. {block:PlayCount}<b>Plays: </b>{PlayCount}{/block:PlayCount}</div>
  291.  
  292. {block:ifshowcaptions}{block:Caption}<div style="margin-top:10px;">{Caption}</div>{/block:Caption} {/block:ifshowcaptions}
  293.  
  294. {/block:Audio}
  295. </div>
  296.  
  297.  
  298. <div id="info">
  299.  
  300.  
  301. {block:Date}<a href="{Permalink}">{12Hour}:{Minutes}{AmPm} {MonthNumberWithZero}/{DayOfMonthWithZero}</a>{/block:Date}
  302.  
  303. {block:NoteCount} + <a href="{Permalink}">${NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<br>
  304. <a href="{ReblogParentURL}" target="_blank" title="{lang:Reblogged from ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource} -
  305. <a href="{SourceURL}" target="_blank" title="{lang:Originally from ReblogRootName}">source</a>{/block:ContentSource}<p> </div>
  306.  
  307. <div id="reblog">
  308. <a href="{ReblogURL}" target="_blank">
  309. <img class="reblogi" src="http://i.imgur.com/Z4bU2IZ.png"></a>
  310. </div>
  311.  
  312.  
  313. {/block:Posts}
  314.  
  315. {block:PermalinkPage}
  316. {block:PostNotes}
  317. <div class="notes">
  318. {PostNotes}</div>
  319. {/block:PostNotes}{/block:PermalinkPage}
  320.  
  321.  
  322. <div class="jpgn">
  323. {block:Pagination}{block:PreviousPage}
  324. <a href="{PreviousPage}">«</a>{/block:PreviousPage}
  325. {block:JumpPagination length="5"}
  326. {block:CurrentPage}
  327. <span class="current_page">{PageNumber}</span>
  328. {/block:CurrentPage}{block:JumpPage}
  329. <a class="jump_page" href="{URL}">{PageNumber}</a>
  330. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  331. <a href="{NextPage}">»</a>
  332. {/block:NextPage}{/block:Pagination}
  333. </div>
  334.  
  335. </div>
  336.  
  337. </div>
  338.  
  339. </body>
  340.  
  341. </html>
Advertisement
Add Comment
Please, Sign In to add comment