API tools faq
paste
furyofthetimelords

theme 006

furyofthetimelords
Jan 12th, 2013
586
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.68 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 006 by laura @furyofthetimelords use and edit as you want, but DO NOT steal or claim as your own. Credit also stays where it is -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>
  10.  
  11. <script type="text/javascript">
  12. WebFontConfig = {
  13. google: { families: [ 'Sacramento::latin' ] }
  14. };
  15. (function() {
  16. var wf = document.createElement('script');
  17. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  18. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  19. wf.type = 'text/javascript';
  20. wf.async = 'true';
  21. var s = document.getElementsByTagName('script')[0];
  22. s.parentNode.insertBefore(wf, s);
  23. })(); </script>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28.  
  29. <meta name="color:background" content="#d5a6ba" />
  30. <meta name="color:post" content="#fce6ec" />
  31. <meta name="color:sidebar" content="#e6bbd9" />
  32. <meta name="color:description" content="#a394a0" />
  33. <meta name="color:text" content="#ac87ab" />
  34. <meta name="color:descriptionbg" content="#e9d6e1" />
  35. <meta name="color:link" content="#746363" />
  36. <meta name="color:slink bg" content="#f3d9e7" />
  37. <meta name="color:border" content="#eee3e9" />
  38.  
  39. <meta name="image:background" content="" />
  40. <meta name="image:sbar" content="" />
  41.  
  42. <meta name="text:link1" content="" />
  43. <meta name="text:link1 URL" content="" />
  44. <meta name="text:link2" content="" />
  45. <meta name="text:link2 URL" content="" />
  46. <meta name="text:link3" content="" />
  47. <meta name="text:link3 URL" content="" />
  48. <meta name="text:link4" content="" />
  49. <meta name="text:link4 URL" content="" />
  50. <meta name="text:link5" content="" />
  51. <meta name="text:link5 URL" content="" />
  52. <meta name="text:link6" content="" />
  53. <meta name="text:link6 URL" content="" />
  54.  
  55. <meta name="if:ShowIcon" content="1" />
  56. <meta name="if:ShowImg" content="0" />
  57.  
  58. <style type="text/css">
  59.  
  60. @import url(http://fonts.googleapis.com/css?family=Sacramento);
  61.  
  62. body {
  63. background: {color:background};
  64. background-image: url('{image:background}');
  65. margin: 0;
  66. padding: 0;
  67. font-family: arial;
  68. }
  69.  
  70. a{text-decoration:none;}
  71.  
  72. a:link, a:active, a:visited{
  73. color: {color:link};
  74. text-decoration:none;
  75. }
  76.  
  77. a:hover{
  78. font-style:italic
  79. color: {color:text};
  80. }
  81.  
  82.  
  83. #title {
  84. font-family:Sacramento;
  85. text-transform:lowercase;
  86. color:{color:text};
  87. font-size:30px;
  88. margin-top:50px;
  89. font-style:bold;
  90. text-align:center;
  91. text-decoration:none;
  92. }
  93.  
  94.  
  95. #sidebar {
  96. position:fixed;
  97. margin-top:200px;
  98. margin-left:30px;
  99. width:250px;
  100. padding:10px;
  101. height:100%;
  102. -moz-border-radius: 200px;
  103. -webkit-border-radius: 200px;
  104. border-radius: 200px;
  105. background-color:{color:sidebar};
  106. border:3px solid {color:border};
  107. }
  108.  
  109. div.nav a{
  110. font-family:arial;
  111. color:{color:link};
  112. font-size:10px;
  113. display:inline-block;
  114. background-color:{color:slink bg};
  115. width:50px;
  116. height:10px;
  117. padding:5px;
  118. margin-top:10px;
  119. margin-bottom:10px;
  120. margin-left:10px;
  121. text-align:center;
  122. -moz-border-radius:10px;
  123. border-radius:10px;
  124. -webkit-border-radius:10px;
  125. }
  126.  
  127. div.nav a:hover{
  128. font-style:italic;
  129. background-color:{color:post};
  130. -webkit-transition: 0.5s;
  131. -moz-transition: 0.5s;
  132. }
  133.  
  134. div.navxtra a{
  135. font-family:arial;
  136. color:{color:link};
  137. font-size:10px;
  138. display:inline-block;
  139. background-color:{color:slink bg};
  140. width:50px;
  141. height:10px;
  142. padding:5px;
  143. margin-top:10px;
  144. margin-left:10px;
  145. text-align:center;
  146. -moz-border-radius:10px;
  147. border-radius:10px;
  148. -webkit-border-radius:10px;
  149. }
  150.  
  151. div.navxtra a:hover{
  152. font-style:italic;
  153. background-color:{color:post};
  154. -webkit-transition: 0.5s;
  155. -moz-transition: 0.5s;
  156. }
  157.  
  158. #sidebarpic img {
  159. margin-top:10px;
  160. margin-bottom:10px;
  161. max-width:100px;
  162. height:auto;
  163. text-align:center;
  164. -moz-border-radius:50px;
  165. border-radius:10px;
  166. -webkit-border-radius:10px;
  167. border: 2px dotted {color:border};
  168. }
  169.  
  170. #description {
  171. margin-top:2px;
  172. width: 150px;
  173. padding:10px;
  174. font-size:11px;
  175. text-align:center;
  176. color:{color:description};
  177. background-color:{color:descriptionbg};
  178. font-family:{font:description};
  179. -moz-border-radius:10px;
  180. border-radius:10px;
  181. -webkit-border-radius:10px;
  182. }
  183.  
  184. #ptitle {
  185. font-family:Sacramento;
  186. font-size:25px;
  187. text-align:center;
  188. }
  189.  
  190. #qtitle {
  191. font-family:Sacramento;
  192. font-size:25px;
  193. text-align:center;
  194. font-style:italic;
  195. }
  196.  
  197. .bubble {align:right;background: {color:sidebar}; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  198. .bubble p {margin:1px 0px;}
  199. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid {color:sidebar};}
  200.  
  201. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: {color:border}; }
  202.  
  203. #audiodesc {
  204. font-family:arial;
  205. background-color:{color:sidebar};
  206. padding:5px;
  207. -moz-border-radius:10px;
  208. border-radius:10px;
  209. -webkit-border-radius:10px;
  210. float:right;
  211. margin-right:250px;
  212. }
  213.  
  214. #audioplayer {
  215. width:30px;
  216. height:30px;
  217. overflow:hidden;
  218. opacity: 0.7;
  219. filter:alpha(opacity=70);
  220. -moz-opacity: 0.7;
  221. -khtml-opacity: 0.7;
  222. position:absolute;
  223. margin-top:40px;
  224. margin-bottom:40px;
  225. margin-left:40px;
  226. margin-right:40px;
  227. }
  228.  
  229. .my-like { cursor:pointer; display:inline-block; vertical-align:top; {color:link}; } .my-liked, .my-like:hover { color: {color:text}; cursor:pointer; display:inline-block; vertical-align:top; }
  230.  
  231. #info {
  232. margin-top:5px;
  233. padding:3px;
  234. }
  235.  
  236. #entry {
  237. font-size:10px;
  238. margin-right: 290px;
  239. margin-top:40px;
  240. float: right;
  241. text-align: justify;
  242. width:500px;
  243. }
  244.  
  245. #post {
  246. font-size:10px;
  247. padding: 10px;
  248. width: 500px;
  249. -moz-border-radius:10px;
  250. border-radius:10px;
  251. -webkit-border-radius:10px;
  252. background-color:{color:post};
  253. border: 2px solid {color:sidebar};
  254. color:{color:text};
  255. text-align: justify;
  256. }
  257.  
  258. {CustomCSS}
  259. </style>
  260. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  261.  
  262. <script> window.onload = function () { document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addEventListener( 'click', function ( event ) { var myLike = event.target; if( myLike.className.indexOf( 'my-like' ) > -1 ) { var frame = document.getElementById( 'my-like-frame' ), liked = ( myLike.className == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = myLike.getAttribute( 'data-reblog' ), id = myLike.getAttribute( 'data-id' ), oauth = reblog.slice( -8 ); frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id; liked ? myLike.className = 'my-like' : myLike.className = 'my-liked'; }; }, false ); }; </script>
  263.  
  264. </head>
  265.  
  266. <body>
  267.  
  268. <div id="sidebar">
  269. <center>
  270. <div id="title">{Title}</div></center>
  271. {block:ifShowIcon}<center><div id="sidebarpic"><a href="/"><img src="{PortraitURL-96}"/></a></div></center>{/block:ifShowIcon}{block:ifShowImg}<center><div id="sidebarpic"><a href="/"><img src="{image:sbar}"></a></center>{/block:ifShowImg}
  272. <center><div class="nav"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">past</a></div>
  273. <div id="description">{block:Description}{Description}{/block:Description}</div>
  274. <div class="navxtra">{block:ifLink1}<a href="{text:link1 URL}">{text:link1}</a>{/block:iflink1} {block:ifLink2}<a href="{text:link2 URL}">{text:link2}</a>{/block:iflink2} {block:ifLink3}<a href="{text:link3 URL}">{text:link3}</a>{/block:iflink3} {block:ifLink4}<a href="{text:link4 URL}">{text:link4}</a>{/block:iflink4} {block:ifLink5}<a href="{text:link5 URL}">{text:link5}</a>{/block:iflink5} {block:ifLink6}<a href="text:{link6 URL}">{text:link6}</a>{/block:iflink6} <br><a href="http://furyofthetimelords.tumblr.com">credit</a></div>
  275. </div>
  276.  
  277.  
  278. <div id="entry">
  279. <div class = "autopagerize_page_element" >
  280. {block:Posts}
  281. <div id="post">
  282.  
  283. {block:Text}
  284. <div id="ptitle">{Title}</div>
  285. {Body}
  286. {/block:Text}
  287.  
  288. {block:Quote}<div id="qtitle">“{Quote}”</div> <h2>— {Source}</h2>{/block:Quote}
  289.  
  290. {block:Link}<a href="{URL}" class="link" {Target}> <div id="ptitle">{Name}</div></a>
  291. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  292.  
  293. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  294. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  295.  
  296. {block:Chat}{block:Title}<div id="ptitle">{Title}</div><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  297. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  298.  
  299. {block:Answer}
  300. <img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}
  301. {/block:Answer}
  302.  
  303. {block:Audio}
  304. <div id= "audioplayer"><center>{AudioPlayerGrey}<center></div>
  305. {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}<div id="audiodesc">{block:TrackName}<strong>song:</strong> {TrackName}{/block:TrackName} <br>{block:Artist}<strong>arist:</strong> {Artist}{/block:Artist} <br></strong>plays:</strong> {FormattedPlayCount}</div>
  306. {block:Caption}{Caption}{/block:Caption}
  307. {/block:Audio}
  308.  
  309. <div id="info"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">via</a> /
  310. {block:ContentSource}<a href="{SourceURL}">©</a> {block:ContentSource}{/block:RebloggedFrom} • <a href="{ReblogURL}" target="_blank" class="details">reblog</a> • <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">like</div><br>
  311. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  312. {/block:Posts}
  313. </div>
  314.  
  315. {block:PostNotes}{PostNotes}{/block:PostNotes}
  316.  
  317. </div>
  318.  
  319. </body>
  320.  
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!