API tools faq
paste
Advertisement
jessvm

05 - Stay With Me

jessvm
Jan 4th, 2013
5,358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. THEME 05 - STAY WITH ME BY WINTERDREAMING
  8.  
  9. -->
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="image:sidebar icon" content="" />
  19. <meta name="image:background img" content="" />
  20.  
  21. <meta name="color:scrollbar" content="#f5f5f5" />
  22. <meta name="color:scrollbar background" content="#ffffff" />
  23. <meta name="color:background" content="#ffffff" />
  24. <meta name="color:text" content="#727171" />
  25. <meta name="color:links" content="#A8A8A8" />
  26. <meta name="color:links hover" content="#4F4F4F" />
  27. <meta name="color:blockquote border" content="#DEDEDE" />
  28. <meta name="color:blockquote background" content="#FFFFFF" />
  29. <meta name="color:pagination links" content="#E0E0E0" />
  30. <meta name="color:pagination links hover" content="#8C8C8C" />
  31. <meta name="color:menu links background" content="#FFFFFF" />
  32. <meta name="color:menu links" content="#6B6B6B" />
  33. <meta name="color:menu background" content="#FAFAFA" />
  34. <meta name="color:title text" content="#969696" />
  35. <meta name="color:description text" content="#6B6B6B" />
  36. <meta name="color:menu link right border" content="#C9C9C9" />
  37. <meta name="color:posts background" content="#FAFAFA" />
  38. <meta name="color:post titles" content="#4F4F4F" />
  39. <meta name="color:date background" content="#D1D1D1" />
  40. <meta name="color:audio info background" content="#F5F5F5" />
  41. <meta name="color:question background" content="#F2F2F2" />
  42. <meta name="color:question asker background" content="#E8E8E8" />
  43.  
  44. <meta name="if:show captions" content="1" />
  45. <meta name="if:white audio player" content="1" />
  46. <meta name="if:show link 1" content="1" />
  47. <meta name="if:show link 2" content="1" />
  48. <meta name="if:show link 3" content="1" />
  49. <meta name="if:show link 4" content="1" />
  50. <meta name="if:show link 5" content="1" />
  51.  
  52. <meta name="text:sidebar top margin" content="-25" />
  53. <meta name="text:space between posts" content="60" />
  54. <meta name="text:link 1 url" content="" />
  55. <meta name="text:link 1 name" content="" />
  56. <meta name="text:link 2 url" content="" />
  57. <meta name="text:link 2 name" content="" />
  58. <meta name="text:link 3 url" content="" />
  59. <meta name="text:link 3 name" content="" />
  60. <meta name="text:link 4 url" content="" />
  61. <meta name="text:link 4 name" content="" />
  62. <meta name="text:link 5 url" content="" />
  63. <meta name="text:link 5 name" content="" />
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
  66. <script src="http://use.edgefonts.net/marvel.js"></script>
  67.  
  68. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69.  
  70. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <style type="text/css">
  76.  
  77. ::-webkit-scrollbar, ::-webkit-scrollbar-corner{background-color:{color:scrollbar background};width:10px;height:10px;}
  78. ::-webkit-scrollbar-thumb{background:{color:scrollbar};}
  79. ::-webkit-scrollbar-button{background:{color:scrollbar};width:10px;height:10px;}
  80.  
  81. iframe#tumblr_controls{right:3px !important;position:fixed !important;-webkit-opacity:0.4;-moz-opacity:0.4;opacity:0.4;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transitionall 0.5s ease;white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  82. iframe#tumblr_controls:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  83.  
  84. body{font-family:cambria, serif;font-size:11px;background-image:url('{image:background img}');background-attachment:fixed;background-color:{color:background};color:{color:text};}
  85.  
  86. a{text-decoration:none;color:{color:links};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  87. a:hover{color:{color:links hover};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  88.  
  89. blockquote{margin-left:5px;background:{color:blockquote background};padding:5px 10px;border-left:3px solid {color:blockquote border};}
  90.  
  91. #wrap{width:800px;margin-left:100px;}
  92.  
  93. #pages{position:fixed;right:200px;top:250px;}
  94. #pages a{font-size:40px;font-style:italic;line-height:50%;color:{color:pagination links};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  95. #pages a:hover{color:{color:pagination links hover};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  96.  
  97. #sidebar{position:fixed;width:200px;margin-top:{text:sidebar top margin}px;}
  98.  
  99. #sideupnav{text-transform:uppercase;font-size:9px;letter-spacing:1px;position:absolute;width:90px;margin-top:115px;margin-left:18px;}
  100. #sideupnav a{color:{color:menu links};display:block;background:{color:menu links background};padding:4px 0px;margin-bottom:-6px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  101. #sideupnav a:hover{background:{color:menu links};color:{color:menu links background};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  102.  
  103. #sideicon{margin-top:100px;text-align:right;;background-color:{color:menu background};padding:15px 15px 13px 15px;width:200px;}
  104. #sideicon img{width:90px;height:90px;opacity:0.7;}
  105.  
  106. #sidetitle{text-align:right;font-family:Norican;letter-spacing:1px;font-size:20px;color:{color:title text};border-bottom:1px solid #c9c9c9;line-height:80%;margin-top:10px;margin-right:-25px;}
  107.  
  108. #sidedesc{text-align:right;margin-top:5px;color:{color:description text};font-style:italic;margin-right:-25px;}
  109.  
  110. #sidedownnav{width:200px;}
  111. #sidedownnav a{letter-spacing:2px;display:block;padding:5px;text-align:right;margin-bottom:5px;background:{color:menu background};color:{color:menu links};border-right:5px solid {color:menu link right border};font-style:italic;width:215px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  112. #sidedownnav a:hover{border-right:40px solid {color:menu background};width:185px;background:{color:menu links};color:{color:menu background};-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  113.  
  114. #infobar{position:fixed;top:0px;bottom:0px;width:100px;background:{color:menu background};margin-left:230px;}
  115.  
  116. #posts{margin-left:370px;margin-top:50px;}
  117. .post{width:500px;padding:15px 15px 25px 15px;background-color:{color:posts background};margin-bottom:{text:space between posts}px;overflow:auto;}
  118.  
  119. .post img{max-width:100%;}
  120.  
  121. .posttitle{font-family:marvel, serif;font-size:20px;text-align:center;margin-bottom:5px;}
  122. .posttitle a{color:{color:post titles};}
  123.  
  124. .info{position:absolute;margin-left:-137px;text-align:center;padding:10px 20px;background-color:{color:date background};line-height:110%;}
  125. .info a{color:{color:menu background};}
  126. .info a:hover{color:{color:date background};}
  127. .month{text-transform:uppercase;font-size:13px;}
  128. .day{font-size:20px;letter-spacing:1px;}
  129.  
  130. .quotemark{font-size:40px;width:40px;height:40px;border-right:1px dotted #7A7A7A;opacity:0.5;}
  131. .quotewords{width:440px;font-size:15px;margin-left:50px;margin-top:-40px;padding:10px 5px;font-style:italic;}
  132. .quotesource{text-align:center;}
  133.  
  134. .chats{line-height:170%;}
  135. .user1{background-color:{color:background};padding:3px;}
  136. .user2{padding:3px;}
  137. .user3{background-color:{color:background};padding:3px;}
  138. .user4{padding:3px;}
  139. .user5{background-color:{color:background};padding:3px;}
  140. .user6{padding:3px;}
  141. .user7{background-color:{color:background};padding:3px;}
  142. .user8{padding:3px;}
  143. .user9{background-color:{color:background};padding:3px;}
  144. .chatlabel{display:inline-block;width:50px;}
  145.  
  146. .albumart{min-height:100px;min-width:100px;}
  147. .albumart img{opacity:0.5;}
  148. .ai{position:absolute;margin-left:100px;margin-top:-100px;}
  149. .audioinfo{display:block;padding:2px 5px;background:{color:audio info background};width:380px;margin-bottom:5px;}
  150. .player{width:20px;overflow:hidden;padding:31px 35px 30px 35px;background:{block:ifwhiteaudioplayer}#fff{/block:ifwhiteaudioplayer}{block:ifNotwhiteaudioplayer}#000{/block:ifNotwhiteaudioplayer};position:absolute;margin-top:-100px;margin-left:0px;opacity:0.7;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  151. .post:hover .player{opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  152.  
  153. .asker{width:500px;text-align:center;display:block;background:{color:question asker background};padding:5px 0px;font-family:marvel, serif;font-size:15px;letter-spacing;2px;}
  154. .asker a{color:{color:text};}
  155. .question{background:{color:question background};padding:10px;text-align:center;}
  156.  
  157. .info2{{block:PermalinkPage}display:none;{/block:PermalinkPage}text-transform:uppercase;width:500px;position:absolute;font-size:9px;font-family:calibri;margin-top:16px;}
  158. .info2 a{margin-left:10px;display:inline-block;width:70px;background:{color:date background};color:{color:background};padding:3px;}
  159. .info2 a:hover{background:{color:background};color:{color:date background};}
  160.  
  161. .tagsbox{{block:PermalinkPage}opacity:1!important;{/block:PermalinkPage}font-size:9px;font-family:calibri,sans-serif;text-transform:uppercase;width:500px;color:{color:links};text-align:center;position:absolute;opacity:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  162. .tagsbox a{color:{color:links};background:transparent;}
  163. .tagsbox a:hover{color:{color:links hover};}
  164. .post:hover .tagsbox{{block:PermalinkPage}margin-top:0px!important;{/block:PermalinkPage}margin-top:40px;opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
  165.  
  166. .permainfo{text-transform:uppercase;font-size:9px;font-family:calibri;text-align:center;position:absolute;margin-left:-140px;margin-top:80px;}
  167. .permainfo a{background-color:#D1D1D1;color:#fff;width:70px;display:block;padding:5px 0px;}
  168.  
  169. div#qTip{display: none;color{color:text};text-align:left;position:absolute;z-index:99;font-family:calibri;font-size:10px;background:{color:posts background};padding:3px 4px;line-height:13px;border:1px solid {color:links};}
  170.  
  171. </style>
  172. </head>
  173. <body>
  174. <div id="wrap">
  175.  
  176. {block:Pagination}<div id="pages">
  177. {block:PreviousPage}
  178. <a href="{PreviousPage}">back</a><br>
  179. {/block:PreviousPage}
  180. {block:NextPage}
  181. <a href="{NextPage}">next</a>
  182. {/block:NextPage}
  183. </div>{/block:Pagination}
  184.  
  185. <center><div id="sidebar">
  186.  
  187. <div id="sideupnav">
  188. <a href="/">index</a><br>
  189. <a href="/ask">mail</a><br>
  190. <a href="/archive">past</a><br>
  191. <a href="http://winterdreaming.tumblr.com" target="_blank">credit</a>
  192. </div>
  193.  
  194. <div id="sideicon"><img src="{image:sidebar icon}"></div>
  195.  
  196. <div id="sidetitle">{Title}</div>
  197.  
  198. <div id="sidedesc">{Description}</div><br>
  199.  
  200. <div id="sidedownnav">
  201. {block:ifshowlink1}<a href="{text:link 1 url}">{text:link 1 name}</a>{/block:ifshowlink1}
  202. {block:ifshowlink2}<a href="{text:link 2 url}">{text:link 2 name}</a>{/block:ifshowlink2}
  203. {block:ifshowlink3}<a href="{text:link 3 url}">{text:link 3 name}</a>{/block:ifshowlink3}
  204. {block:ifshowlink4}<a href="{text:link 4 url}">{text:link 4 name}</a>{/block:ifshowlink4}
  205. {block:ifshowlink5}<a href="{text:link 5 url}">{text:link 5 name}</a>{/block:ifshowlink5}
  206. </div>
  207.  
  208. </div></center>
  209.  
  210. <div id="infobar"></div>
  211.  
  212. <div id="posts">{block:Posts}<div class="post">
  213.  
  214. <div class="info">
  215. {block:Date}
  216. <a href="{Permalink}"><div class="month">{ShortMonth}</div><div class="day">{DayOfMonthWithZero}</div><div class="year">{Year}</div></a>
  217. {/block:Date}
  218. </div>
  219.  
  220. {block:PermalinkPage}
  221. <div class="permainfo">
  222. {block:NoteCount}<a>❤ {NoteCount}</a>{/block:NoteCount}<br> {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}<br>
  223. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}<br>
  224. <a href="{ReblogURL}" target="_blank">reblog</a>
  225. </div>
  226. {/block:PermalinkPage}
  227.  
  228. {block:Text}
  229. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  230. {Body}
  231. {/block:Text}
  232.  
  233. {block:Photo}
  234. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  235. {block:ifshowcaptions}
  236. {block:Caption}{Caption}{/block:Caption}
  237. {/block:ifshowcaptions}
  238. {/block:Photo}
  239.  
  240. {block:Photoset}
  241. {Photoset-500}
  242. {block:ifshowcaptions}
  243. {block:Caption}{Caption}{/block:Caption}
  244. {/block:ifshowcaptions}
  245. {/block:Photoset}
  246.  
  247. {block:Quote}
  248. <div class="quotemark">❞</div>
  249. <div class="quotewords">{Quote}</div>
  250. {block:Source}
  251. <div class="quotesource">{ {Source} }</div>
  252. {/block:Source}
  253. {/block:Quote}
  254.  
  255. {block:Link}
  256. <div class="posttitle"><a href="{URL}" target="{Target}">{Name} → </a></div>
  257. {block:Description}{Description}{/block:Description}
  258. {/block:Link}
  259.  
  260. {block:Chat}
  261. {block:Title}<div class="posttitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  262. {block:Lines}<div class="chats">
  263. <div class="user{UserNumber}">{block:Label}<div class="chatlabel"><b>{Label}&nbsp;</b></div>{/block:Label} {Line}<br></div>
  264. </div>{/block:Lines}
  265. {/block:Chat}
  266.  
  267. {block:Audio}
  268. <div class="albumart">{block:AlbumArt}
  269. <img src="{AlbumArtURL}" width="90px">
  270. {/block:AlbumArt}</div>
  271. <div class="ai">
  272. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div>{/block:Artist}
  273. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  274. {block:TrackName}<div class="audioinfo"><b>Track:</b> {TrackName}</div>{/block:TrackName}
  275. {block:PlayCount}<div class="audioinfo"><b>Plays:</b> {FormattedPlayCount}</div>{/block:PlayCount}
  276. </div>
  277. {block:AudioPlayer}
  278. <div class="player">{block:ifwhiteaudioplayer}{AudioPlayerWhite}{/block:ifwhiteaudioplayer}{block:ifNotwhiteaudioplayer}{AudioPlayerBlack}{/block:ifNotwhiteaudioplayer}</div>
  279. {/block:AudioPlayer}
  280. {block:ifshowcaptions}
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:ifshowcaptions}
  283. {/block:Audio}
  284.  
  285. {block:Video}
  286. {Video-500}
  287. {block:ifshowcaptions}
  288. {block:Caption}{Caption}{/block:Caption}
  289. {/block:ifshowcaptions}
  290. {/block:Video}
  291.  
  292. {block:Answer}
  293. <div class="asker"><a href="{AskerURL}" target="_blank">{AskerName} asks:</a></div>
  294. <div class="question">{Question}</div>
  295. <div class="answer">{Answer}</div>
  296. {/block:Answer}
  297.  
  298. <div class="info2"><center>
  299. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  300. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  301. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  302. </center></div>
  303.  
  304. {block:HasTags}
  305. <div class="tagsbox">
  306. TAGGED AS: &nbsp;{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp; </a>{/block:Tags}
  307. </div>
  308. {/block:HasTags}
  309.  
  310. {block:PostNotes}<ol><div style="margin-top:50px;">{PostNotes-16}</div></ol>{/block:PostNotes}
  311.  
  312. </div>{/block:Posts}</div>
  313.  
  314. </div>
  315. </body>
  316. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!