Advertisement
urbanbutts

theme 04 edited for tumblr user thechelociraptor

Oct 19th, 2013
52
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.54 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. ~*~base code by tumblr user narruld and edited by joanvvatsons~*~
  6.  
  7. please don't claim as your own!!!! that is mean and 100% not cool :c
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{image:favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <!-- C O L O U R -->
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:text" content="#a8a8a8"/>
  24. <meta name="color:link" content="#b8b8b8"/>
  25. <meta name="color:link hover" content="#f2f2f2"/>
  26. <meta name="color:post line" content="#eeeeee"/>
  27.  
  28. <!-- I M A G E -->
  29.  
  30. <meta name="image:sidebar" content="http://static.tumblr.com/nv4uaad/cQQmu6ft9/curlylikewhoa.jpg"/>
  31. <meta name="image:favicon" content=""/>
  32.  
  33.  
  34.  
  35. <!-- T E X T -->
  36.  
  37. <meta name="text:link 1 title" content="link 1" />
  38. <meta name="text:link 1 url" content="/" />
  39. <meta name="text:link 2 title" content="link 2" />
  40. <meta name="text:link 2 url" content="/" />
  41. <meta name="text:link 3 title" content="link 3" />
  42. <meta name="text:link 3 url" content="/" />
  43. <meta name="text:link 4 title" content="link 4" />
  44. <meta name="text:link 4 url" content="/" />
  45. <meta name="text:link 5 title" content="link 5" />
  46. <meta name="text:link 5 url" content="/" />
  47.  
  48. <!-- IF -->
  49.  
  50. <meta name="if:Show Link 1" content="1" />
  51. <meta name="if:Show Link 2" content="1" />
  52. <meta name="if:Show Link 3" content="1" />
  53. <meta name="if:Show Link 4" content="1" />
  54. <meta name="if:Show Link 5" content="1" />
  55. <meta name="if:Show Captions" content="1" />
  56. <meta name="if:Show Tags" content="1" />
  57. <meta name="if:Favicon" content="image:favicon" />
  58.  
  59.  
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. ::-webkit-scrollbar {
  66. width: 11px;
  67. height: 4px;
  68. background: #fff;
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. border: 1px solid #000;
  73. background-color: #fff;
  74. }
  75.  
  76.  
  77. body {
  78. background:{color:background};
  79. margin:1px;
  80. color:{color:text};
  81. font-family:cambria;
  82. font-size:10px;
  83. line-height:100%;
  84. }
  85.  
  86. a {
  87. text-decoration:none;
  88. -moz-outline-style:none;
  89. color:{color:link};
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96.  
  97. h1 {
  98. font-size:12px;
  99. text-transform:uppercase;
  100. }
  101.  
  102. blockquote {
  103. padding-left:5px;
  104. border-left:2px solid;
  105. }
  106.  
  107. blockquote blockquote {
  108. padding-left:5px;
  109. border-left:2px solid;
  110. }
  111.  
  112.  
  113. a:hover {
  114. opacity:1;
  115. color:{color:hover};
  116. -webkit-transition: all 0.5s ease;
  117. -moz-transition: all 0.5s ease;
  118. -o-transition: all 0.5s ease
  119. }
  120.  
  121.  
  122. #sidebar {
  123. position:fixed;
  124. width:180px;
  125. margin-left:200px;
  126. margin-top:180px;
  127. opacity:1;
  128. }
  129.  
  130. #sidebarimage {
  131. width 180px;
  132. }
  133.  
  134. #sidebarimage img {
  135. width:180px;
  136. padding:12px;
  137. }
  138.  
  139.  
  140. .desc {
  141. position:fixed;
  142. margin-top:12px;
  143. margin-left:-5px;
  144. font-family:cambria;
  145. line-height:110%;
  146. font-size:10px;
  147. font-style:italic;
  148. width:180px;
  149. padding:10px;
  150. text-align:center;
  151. color:{color:text};
  152. }
  153.  
  154. .desc a
  155. {color:{color:text};
  156. -moz-transition-duration:0.6s;
  157. -webkit-transition-duration:0.6s;
  158. -o-transition-duration:0.6s;
  159. }
  160.  
  161.  
  162. .links {
  163. position:fixed;
  164. margin-top:-6px;
  165. margin-left:-5px;
  166. width:180px;
  167. padding: 9px;
  168. word-spacing:2px;
  169. font-family:cambria;
  170. text-align:center;
  171. text-transform:uppercase;
  172. }
  173.  
  174. .links a {
  175. font-size: 8px;
  176. }
  177.  
  178. .links a:hover {
  179. color:{color:Hover}
  180. }
  181.  
  182.  
  183. #pagi{
  184. width:175px;
  185. font-size:8px;
  186. text-align:center;
  187. margin-left:9px;
  188. margin-top:63px;
  189. position:fixed;
  190. font-family:cambria;
  191. letter-spacing:0px;
  192. }
  193.  
  194.  
  195. #all {
  196. padding:10px;
  197. width:500px;
  198. margin-left:460px;
  199. margin-top:50px;
  200. font-size:10px;
  201. }
  202.  
  203.  
  204.  
  205. #posts {
  206. width:500px;
  207. padding-bottom:20px;
  208. padding:10px;
  209. margin-top:30px;
  210. background-color:{color:Post};
  211. }
  212.  
  213.  
  214. #details {
  215. text-align:right;
  216. margin-top:8px;
  217. text-transform:uppercase;
  218. font-size:8px;
  219. font-style:none;
  220. border-top:1px solid {color:Line};
  221. }
  222.  
  223.  
  224. #tags {
  225. font-family:cambria;
  226. letter-spacing:0px;
  227. text-transform:lowercase;
  228. font-size:10px;
  229. font-style:italic;
  230. margin-top:2px;
  231. text-align:right;
  232. }
  233.  
  234. #tags a {
  235. display:inline-block;
  236. padding:-3px;
  237. text-align:right;
  238. color:{color:Tags};
  239. -webkit-transition: all 0.6s ease-in-out;
  240. -moz-transition: all 0.6s ease-in-out;
  241. -o-transition: all 0.6s ease-in-out;
  242. -ms-transition: all 0.6s ease-in-out;
  243. -transition: all 0.6s ease-in-out;
  244. }
  245.  
  246.  
  247. #question {
  248. padding:8px;
  249. font-family:cambria;
  250. letter-spacing:2px;
  251. text-align:right;
  252. font-style:italic;
  253. border:3px {color:border} solid;
  254. color:{color:text};
  255. background-color:{color:background}
  256. }
  257.  
  258. {CustomCSS}</style></head><body>
  259.  
  260. <div id="sidebar">
  261. <div id="sidebarimage"><img src={image:sidebar}></div>
  262. <div class="desc">
  263. {Description}
  264. </div>
  265.  
  266. <div class="links">
  267.  
  268. {block:IfShowLink1}
  269. <a href="{text:link 1 url}">{text:link 1 title}</a>
  270. {/block:IfShowLink1}
  271. {block:IfShowLink2}
  272. <a href="{text:link 2 url}">{text:link 2 title}</a>
  273. {/block:IfShowLink2}
  274. {block:IfShowLink3}
  275. <a href="{text:link 3 url}">{text:link 3 title}</a>
  276. {/block:IfShowLink3}
  277. {block:IfShowLink4}
  278. <a href="{text:link 4 url}">{text:link 4 title}</a>
  279. {/block:IfShowLink4}
  280. {block:IfShowLink5}
  281. <a href="{text:link 5 url}">{text:link 5 title}</a>
  282. {/block:IfShowLink5}
  283. </div>
  284.  
  285. {block:Pagination}<div id="pagi">
  286. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
  287. {block:JumpPagination length="5"}
  288. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  289. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  290. {/block:JumpPagination}
  291. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  292. </div>{/block:Pagination}
  293.  
  294. </div>
  295.  
  296. <div id="all">{block:Posts}<div id="posts">
  297.  
  298. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  299.  
  300. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Photo}
  301.  
  302. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  303.  
  304. {block:Photoset}{Photoset-500}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Photoset}
  305.  
  306. {block:Quote}{Quote}{/block:Quote}
  307.  
  308. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  309. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  310. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  311. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  312. {/block:Audio}
  313.  
  314. {block:Video}{Video-500}{block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}{/block:Video}
  315.  
  316. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  317.  
  318.  
  319. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  320.  
  321. <div id="details">
  322. <br><a href="{Permalink}">{TimeAgo} </a> with <a href="{Permalink}">♥{NoteCount}</a>
  323.  
  324. {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  325.  
  326. {block:ContentSource} <a href="{SourceURL}"> © <a href="{SourceURL}"></a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  327.  
  328.  
  329.  
  330. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  331. {/block:Posts}
  332. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  333. {/block:Posts}</div></div></div>
  334.  
  335. <div style="position:fixed;bottom:5px; right:5px; text-transform:uppercase; font-size:8px; letter-spacing:2px; border: 1px solid {color:border}; padding: 3px;"><a href="http://joanvvatsons.tumblr.com/">theme</a></center></div>
  336.  
  337. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement