API tools faq
paste
Advertisement
jessvm

08 - Full Circle

jessvm
Feb 16th, 2013
3,030
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!------------------------------------------------------------------------
  4.  
  5.  
  6. THEME 08 (FULL CIRCLE) BY WINTERDREAMING
  7.  
  8. @ HTTP://WINTERDREAMING.TUMBLR.COM/
  9.  
  10. PLEASE DO NOT:
  11. - REMOVE THE CREDIT
  12. - CLAIM AS YOUR OWN
  13. - STEAL ANY PART OF THE CODE
  14. - REDISTRIBUTE FOR COMMERCIAL USAGE
  15.  
  16.  
  17. -------------------------------------------------------------------------->
  18. <head>
  19.  
  20. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26. <!-----------------------------VARIABLES---------------------------------->
  27. <meta name="image:background" content=""/>
  28. <meta name="image:sidebar icon" content=""/>
  29.  
  30. <meta name="color:background" content="#fafafa"/>
  31. <meta name="color:links" content="#69bd5e"/>
  32. <meta name="color:links hover" content="#DE789A"/>
  33. <meta name="color:post bg" content="#ffffff"/>
  34. <meta name="color:scrollbar bar" content="#d6d6d6"/>
  35. <meta name="color:sidebar bg" content="#ffffff"/>
  36. <meta name="color:text" content="#707070"/>
  37.  
  38. <meta name="text:link 1 name" content="link 1"/>
  39. <meta name="text:link 1 url" content="/what"/>
  40. <meta name="text:link 2 name" content="link 2"/>
  41. <meta name="text:link 2 url" content="/what"/>
  42. <meta name="text:link 3 name" content="link 3"/>
  43. <meta name="text:link 3 url" content="/what"/>
  44. <meta name="text:link 4 name" content="link 4"/>
  45. <meta name="text:link 4 url" content="/what"/>
  46. <meta name="text:link 5 name" content="link 5"/>
  47. <meta name="text:link 5 url" content="/what"/>
  48. <meta name="text:link 6 name" content="link 6"/>
  49. <meta name="text:link 6 url" content="/what"/>
  50.  
  51. <meta name="if:round sidebar" content="1"/>
  52. <meta name="if:show captions" content="1"/>
  53. <meta name="if:smaller posts" content="0"/>
  54. <meta name="if:fixed top navigation" content="1"/>
  55.  
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar {width: 8px; height:8px; background:{color:background}}
  59. ::-webkit-scrollbar-button {width: 8px; height:8px; background:{color:scrollbar bar}}
  60. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  61. ::-webkit-scrollbar-thumb {background: {color:scrollbar bar};}
  62.  
  63. iframe#tumblr_controls { right:3px !important; position:fixed !important; }
  64.  
  65. body{ cursor:default; font-family:times new roman, serif; font-size:11px; color:{color:text}; background-color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed; }
  66.  
  67. blockquote{ padding-left:10px; padding-top:0px; padding-bottom:0px; margin-left:5px; border-left:1px dotted {color:links}; }
  68.  
  69. small{ font-size:9px; }
  70. big{ font-size:13px; }
  71.  
  72. a{ text-decoration:none; color:{color:links}; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; }
  73. a:hover{ cursor:help; color:{color:links hover}; }
  74.  
  75. #wrap{ {block:ifNotsmallerposts}width:750px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:650px;{/block:ifsmallerposts} margin:-10px auto; z-index:10;}
  76.  
  77. /*-------------------------------SIDEBAR---------------------------------*/
  78. #sidebar{ top:0px; bottom:0px; text-align:center; position:fixed; width:160px; padding:20px; background-color:{color:sidebar bg}; }
  79.  
  80. #spic{ z-index:2; margin-top:70px;}
  81. #spic img{ width:150px; height:150px; opacity:1; padding:5px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; {block:ifroundsidebar}border-radius:100%;{/block:ifroundsidebar} }
  82. #spic img:hover{ opacity:0.75; }
  83.  
  84. #snav{ margin:7px 5px;font-style:italic; line-height:12px; font-size:9px; letter-spacing:1px;}
  85. #snav a{ display:block; margin-bottom:2px; background:{color:links}; color:{color:sidebar bg}; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; }
  86. #snav a:hover{ background:{color:links}; color:{color:links}; background:{color:sidebar bg}; }
  87.  
  88. #sdesc{ font-style:italic; }
  89.  
  90. #spage{ letter-spacing:3px; }
  91. .paging{ display:inline-block; margin:-1px; padding:4px; background:transparent; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; }
  92. .paging:hover{ background:{color:links}; color:{color:sidebar bg}; }
  93. #currentpage{ background:{color:links}; color:{color:sidebar bg}; }
  94.  
  95. /*------------------------------TOP MENU---------------------------------*/
  96. #top{ padding:20px 0px; background:{color:post bg}; {block:ifNotsmallerposts}width:540px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:440px;{/block:ifsmallerposts} {block:iffixedtopnavigation}position:fixed; top:0px;{/block:iffixedtopnavigation} z-index:1000;}
  97.  
  98. #title{ font-size:18px; font-style:italic; }
  99. #top hr{ border:0; width:150px; height:1px; background:{color:background}; }
  100.  
  101. #nav{ text-transform:uppercase; font-size:8px; letter-spacing:2px;}
  102. #nav a{ display;block-inline; padding:2px 6px; }
  103. #nav a:hover{ background:{color:links}; color:{color:post bg}; }
  104.  
  105. /*--------------------------------POSTS----------------------------------*/
  106. #posts{ margin-left:201px;}
  107.  
  108. #pp{ {block:ifNotfixedtopnavigation}margin-top:1px;{/block:ifNotfixedtopnavigation}{block:iffixedtopnavigation}margin-top:94px; {/block:iffixedtopnavigation}}
  109. #post{ padding:20px; margin-bottom:1px; overflow:auto; background:{color:post bg};
  110. {block:ifNotsmallerposts}width:500px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:400px;{/block:ifsmallerposts} }
  111.  
  112. h1{ font-size:15px; font-style:italic; text-align:center; font-weight:normal; }
  113. h1:first-letter{ font-size:20px; color:{color:links}; }
  114.  
  115. #tagpage{ margin-bottom:50px; padding:20px; margin-bottom:0px; background:{color:post bg};
  116. {block:ifNotsmallerposts}width:500px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:400px;{/block:ifsmallerposts} }
  117. #tagpage hr{ opacity:0.1; border:0; height:1px; width:200px; background:{color:text}; }
  118.  
  119. #quote{ text-indent:50px; font-size:15px; margin-top:10px; font-style:italic; text-align:left; }
  120. #quote:first-letter{ font-size:20px; color:{color:links}; }
  121. #qsource{ text-align:right; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  122.  
  123. #plink{ font-size:15px; font-style:italic; text-align:center;}
  124.  
  125. #ask{ padding:10px 20px; text-align:center; background:{color:background}; }
  126. #asker{ text-transform:uppercase; margin-bottom:5px; font-size:9px; letter-spacing:1px; color:{color:links}; }
  127.  
  128. #pinfo{ text-align:center; text-transform:uppercase; font-size:8px; letter-spacing:1px; margin:15px 0px 10px 0px; }
  129. #thedate{ float:left; padding:4px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background:{color:links}; }
  130. #thedate a{ color:{color:post bg}; }
  131. #thedate:hover{ background:{color:post bg}; }
  132. #thedate:hover a{ color:{color:links}; }
  133. .notecount{ float:left; padding:4px; display:inline-block;}
  134.  
  135. #tagbox{ margin-top:10px; text-align:left; font-style:italic; {block:ifNotsmallerposts}width:500px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:400px;{/block:ifsmallerposts}}
  136.  
  137. #postnotes{ height:200px; overflow:auto; font-size:9px; line-height:190%; letter-spacing:1px; text-transform:lowercase; }
  138. #postnotes a{ font-style:italic;}
  139. #postnotes img{ display:none; }
  140. /*-----------------------------CHAT POSTS--------------------------------*/
  141. #cline{ line-height:20px; }
  142. #cline hr{ border:0; height:1px; opacity:0.1; background:{color:text};}
  143. #clabel{ font-weight:bold; display:inline; }
  144. .c2, .c4, .c6, .c8, .c10, .c12, .c14{ color:{color:links}; }
  145.  
  146. /*-----------------------------AUDIO POSTS-------------------------------*/
  147. #audio{ z-index:1;}
  148.  
  149. #aart{ width:100px; height:100px; padding:5px; background:{color:background}; }
  150. #aart img{ width:100px; }
  151.  
  152. #aplayer{ padding:37px; background:#fff; position:absolute; opacity:0.5; margin-top:5px; margin-left:5px;}
  153. #ap{ width:26px; overflow:hidden; height:26px; }
  154.  
  155. #ainfo{ text-transform:uppercase; font-size:9px; letter-spacing:1px; position:absolute; margin-top:-110px; height:110px; margin-left:120px; background:{color:background}; {block:ifNotsmallerposts}width:380px;{/block:ifNotsmallerposts}{block:ifsmallerposts}width:280px;{/block:ifsmallerposts}}
  156. #ai{ padding:30px 10px; text-align:center;}
  157.  
  158. #reblog{ z-index:100; opacity:0; text-transform:uppercase; font-size:8px; letter-spacing:1px; position:absolute; margin-top:10px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; {block:ifNotsmallerposts}margin-left:550px;{/block:ifNotsmallerposts}{block:ifsmallerposts}margin-left:450px;{/block:ifsmallerposts} }
  159. #reblog a{ padding:4px; background:{color:links}; color:{color:post bg}; }
  160. #reblog a:hover{ color:{color:links}; background:{color:post bg}; }
  161. #post:hover #reblog{ opacity:1; {block:ifNotsmallerposts}margin-left:440px;{/block:ifNotsmallerposts}{block:ifsmallerposts}margin-left:340px;{/block:ifsmallerposts}}
  162.  
  163. /*------------------------------CUSTOM CSS-------------------------------*/
  164. {CustomCSS}
  165. </style>
  166. </head>
  167.  
  168. <body>
  169. <div id="wrap">
  170.  
  171. <div id="sidebar">
  172.  
  173. <div id="spic"><a href="/"><img src="{image:sidebar icon}"></a></div>
  174.  
  175. <div id="snav">
  176. <a href="/">home</a>
  177. <a href="/ask">ask</a>
  178. <a href="/archive">archive</a>
  179. <a href="http://winterdreaming.tumblr.com" target="_blank">theme</a>
  180. </div>
  181.  
  182. <div id="sdesc">{Description}</div>
  183.  
  184. <br>
  185.  
  186. {block:Pagination}<div id="spage">
  187. {block:PreviousPage}<a href="{PreviousPage}" class="paging"><big>«</big></a> {/block:PreviousPage}
  188. {block:JumpPagination length="5"}{block:CurrentPage} <span id="currentpage" class="paging">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage} <a href="{URL}" class="paging">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  189. {block:NextPage} <a href="{NextPage}" class="paging">»</a>{/block:NextPage}
  190. </div>{/block:Pagination}
  191.  
  192. </div>
  193.  
  194. <div id="posts">
  195.  
  196. <div id="top"><center>
  197. <div id="title">{Title}</a></div>
  198. <hr>
  199. <div id="nav">
  200. <a href="{text:link 1 url}">{text:link 1 name}</a>
  201. <a href="{text:link 2 url}">{text:link 2 name}</a>
  202. <a href="{text:link 3 url}">{text:link 3 name}</a>
  203. <a href="{text:link 4 url}">{text:link 4 name}</a>
  204. <a href="{text:link 5 url}">{text:link 5 name}</a>
  205. <a href="{text:link 6 url}">{text:link 6 name}</a>
  206. </div>
  207. </center></div>
  208.  
  209. <div id="pp">
  210.  
  211. {block:TagPage}<div id="tagpage">
  212. <h1>Posts tagged with "<a href="{TagURL}">{Tag}</a>"</h1>
  213. <hr>
  214. </div>{/block:TagPage}
  215.  
  216. {block:Posts}<div id="post">
  217.  
  218. <div id="reblog"><a href="{ReblogURL}" target="_blank">reblog?</a></div>
  219.  
  220. {block:Text}
  221. {block:Title}<h1>{Title}</h1>{/block:Title}
  222. {Body}
  223. {/block:Text}
  224.  
  225. {block:Photo}
  226. {block:ifNotsmallerposts}<img src="{PhotoURL-500}">{/block:ifNotsmallerposts}{block:ifsmallerposts}<img src="{PhotoURL-400}">{/block:ifsmallerposts}
  227. {block:ifshowcaptions}
  228. {block:Caption}{Caption}{/block:Caption}
  229. {/block:ifshowcaptions}
  230. {/block:Photo}
  231.  
  232. {block:Photoset}
  233. {block:ifNotsmallerposts}{Photoset-500}{/block:ifNotsmallerposts}{block:ifsmallerposts}{Photoset-400}{/block:ifsmallerposts}
  234. {block:ifshowcaptions}
  235. {block:Caption}{Caption}{/block:Caption}
  236. {/block:ifshowcaptions}
  237. {/block:Photoset}
  238.  
  239. {block:Quote}
  240. <div id="quote">{Quote}</div>
  241. {block:Source}<div id="qsource">— {Source}</div>{/block:Source}
  242. {/block:Quote}
  243.  
  244. {block:Link}
  245. <div style="text-align:center;"><a href="{URL}" target="{Target}" id="plink">{Name} ⇒</a></div>
  246. {block:Description}{Description}{/block:Description}
  247. {/block:Link}
  248.  
  249. {block:Chat}
  250. {block:Title}<h1>{Title}</h1>{/block:Title}
  251. <div id="cline"><hr>{block:Lines}<div class="c{UserNumber}">{block:Label}<div id="clabel">{Label}&nbsp;&nbsp;</div>{/block:Label} {Line}<br></div><hr>{/block:Lines}</div>
  252. {/block:Chat}
  253.  
  254. {block:Audio}<div id="audio">
  255.  
  256. <div id="aplayer">{block:AudioPlayer}
  257. <div id="ap">{AudioPlayerWhite}</div>
  258. {/block:AudioPlayer}</div>
  259.  
  260. <div id="aart">{block:AlbumArt}
  261. <img src="{AlbumArtURL}">
  262. {/block:AlbumArt}</div>
  263.  
  264. <div id="ainfo">
  265. <div id="ai">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}
  266. {block:Album}<br> on {Album}{/block:Album}{block:PlayCount} <br>{PlayCountWithLabel}{/block:PlayCount}</div>
  267. </div>
  268. </div>
  269. {block:ifshowcaptions}
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:ifshowcaptions}
  272. {/block:Audio}
  273.  
  274. {block:Video}
  275. {block:ifNotsmallerposts}{Video-500}{/block:ifNotsmallerposts}{block:ifsmallerposts}{Video-400}{/block:ifsmallerposts}
  276. {block:ifshowcaptions}
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:ifshowcaptions}
  279. {/block:Video}
  280.  
  281. {block:Answer}
  282. <div id="ask">
  283. <div id="asker">{Asker} asked:</div>
  284. <i>{Question}</i>
  285. </div>
  286. {Answer}
  287. {/block:Answer}
  288.  
  289. <div id="pinfo">
  290. {block:Date}<div id="thedate"><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a></div>{/block:Date}{block:NoteCount}<div class="notecount"><a href="{Permalink}">&nbsp;∙ {NoteCountWithLabel}</a></div>{/block:NoteCount}{block:RebloggedFrom}<div class="notecount"><a href="{ReblogParentURL}">∙ &nbsp;via</a></div>{/block:RebloggedFrom}{block:ContentSource}<div class="notecount"><a href="{SourceURL}">∙ &nbsp;source</a></div>{/block:ContentSource}
  291. </div>
  292.  
  293. <br>
  294.  
  295. {block:PermalinkPage}
  296. {block:HasTags}<div id="tagbox">tagged as:
  297. {block:Tags}
  298. <a href="{TagURL}"> ∙ {Tag}</a>
  299. {/block:Tags}
  300. </div>{/block:HasTags}
  301. {/block:PermalinkPage}
  302.  
  303. {block:PostNotes}<br><div id="postnotes">{PostNotes-16}</div>{/block:PostNotes}
  304.  
  305. </div>{/block:Posts}</div></div>
  306.  
  307. </div>
  308. </body>
  309. </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!