API tools faq
paste
tardissauce

Theme 1: Don't Quit

tardissauce
Aug 7th, 2013
610
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.66 KB | None | 0 0
raw download clone embed print report
  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. THEME #1: DON'T QUIT
  6.  
  7. RULES:
  8. 1.DO NOT CLAIM OR REDISTRIBUTE AS YOUR OWN, I WORKED HARD ON THIS
  9. 2.I WOULD LIKE IT IF YOU LIKED/REBLOGGED THE POST REGARDING THIS THEME
  10. 3.YOU MAY TWEAK THIS THEME TO YOUR HEART'S CONTENT, BUT DO NOT REMOVE THE CREDIT AND DO NOT USE AS A BASE
  11. 4. IF YOU NEED A BASE CODE, HERE IS THE ONE I USED:
  12. http://wolverwhore.tumblr.com/post/46869896709/base-code-1-by-wolverwhore-i-decided-to-make-a
  13.  
  14. IF YOU HAVE ANY QUESTIONS REGARDING THE THEME, FEEL FREE TO ASK
  15.  
  16. THANK YOU.
  17. HAVE FUN WOOHOO
  18.  
  19. -->
  20.  
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28.  
  29. <meta name="color:Background" content="#ffffff"/>
  30. <meta name="color:Sidebar" content="#ffffff"/>
  31. <meta name="color:Text" content="#a8a8a8"/>
  32. <meta name="color:info border" content="#b8b8b8"/>
  33. <meta name="color:Tags" content="f0f0f0"/>
  34. <meta name="color:Hover" content="#f2f2f2"/>
  35. <meta name="color:Line" content="#f2f2f2"/>
  36. <meta name="color:Border" content="#e4e4e4"/>
  37. <meta name="color:ask bg" content="#ffffff"/>
  38. <meta name="color:Link" content="#ffffff"/>
  39. <meta name="color:Link Hover" content="#ffffff"/>
  40. <meta name="color:Post" content="#ffffff"/>
  41. <meta name="color:Answer" content="#f8f8f8"/>
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:bg" content=""/>
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 1 Text" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 2 Text" content="" />
  48. <meta name="if:Show Link 1" content="1" />
  49. <meta name="if:Show Link 2" content="1" />
  50. <meta name="color:scrollbarbg" content="ffffff"/>
  51. <meta name="color:scrollbar" content="#000000">
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. ::-webkit-scrollbar {
  57. width: 5px;height: 5px;}
  58. ::-webkit-scrollbar-button:start:decrement,
  59. ::-webkit-scrollbar-button:end:increment {
  60. height: 6px;display: block;background-color: {color:scrollbarbg};}
  61. ::-webkit-scrollbar-track-piece {
  62. background-color: {color:scrollbarbg};}
  63. ::-webkit-scrollbar-thumb:vertical {
  64. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  65.  
  66.  
  67.  
  68. body {
  69. background:{color:background};
  70. margin:0px;
  71. color:{color:text};
  72. font-family:Calibri;
  73. font-size:9px;
  74. line-height:100%;
  75. }
  76.  
  77. a {
  78. text-decoration:none;
  79. outline:none;
  80. -moz-outline-style:none;
  81. color:{color:Link};
  82. }
  83.  
  84. img {
  85. border:none;
  86. }
  87.  
  88. blockquote {
  89. padding-left:5px;
  90. border-left:2px solid;
  91. }
  92.  
  93. blockquote blockquote {
  94. padding-left:5px;
  95. border-left:2px solid;
  96. }
  97.  
  98. h1 {
  99. font-size:9px;
  100. text-transform:uppercase;
  101. }
  102.  
  103. a:hover {
  104. opacity:10;
  105. color:{color:Link Hover};
  106. -webkit-transition: all 0.7s ease;
  107. -moz-transition: all 0.7s ease;
  108. -o-transition: all 0.7s ease
  109. }
  110.  
  111.  
  112.  
  113.  
  114. #entries {
  115. padding:10px;
  116. width:500px;
  117. margin-left:450px;
  118. margin-top:40px;
  119. font-size:10px;
  120. }
  121.  
  122.  
  123.  
  124.  
  125. #post {
  126. width:500px;
  127. padding-bottom:20px;
  128. padding:10px;
  129. margin-top:15px;
  130. border:1px solid #000000
  131. background-color:{color:Post};
  132. }
  133.  
  134.  
  135.  
  136.  
  137. #sidebar {
  138. width:100px;
  139. position:fixed;
  140. margin-left:200px;
  141. margin-top:150px;
  142. opacity:.80;
  143. background-color:{color:background};
  144. }
  145.  
  146. #sidebarimage {
  147. width 100px;
  148. }
  149.  
  150. #sidebarimage img {
  151. width:125px;
  152. height:125px;
  153. border:solid 1px;
  154. padding:6px;
  155. border-radius:50%;
  156. border-color: {color:border};
  157. background-color:{color:Sidebar};
  158. }
  159.  
  160.  
  161.  
  162.  
  163. .links {
  164. width:100px;
  165. height:5px;
  166. padding: 9px;
  167. font-size:6px;
  168. font-family:Verdana;
  169. text-align:center;
  170. margin-top:-170px;
  171. margin-left:10px;
  172. text-transform:lowercase;
  173. word-spacing:2px;
  174. position:absolute;
  175. padding-bottom:7px;
  176. transform:rotate(-5deg);
  177. -ms-transform:rotate(-5deg);
  178. -webkit-transform:rotate(-5deg);
  179.  
  180. }
  181.  
  182. .links a {
  183. font-size: 8px;
  184. }
  185.  
  186. .links a:hover {
  187. color:{color:Hover}
  188. }
  189.  
  190.  
  191.  
  192.  
  193. #description {
  194. position:fixed;
  195. background-color:{color:Background};
  196. font-family:Trebuchet MS;
  197. line-height:90%;
  198. font-size:9px;
  199. font-style:italic;
  200. word-break:keep-all;
  201. margin-top:-139px;
  202. padding:8px;
  203. text-align:center;
  204. color:{color:text};
  205. width:125px;
  206. height:125px;
  207. padding:6px;
  208. border-radius:50%;
  209. border-color: {color:border};
  210. }
  211.  
  212. #sidebar #description {
  213. opacity:0;
  214. -webkit-transition-duration:1s;
  215. -moz-transition-duration:1s;
  216. -o-transition-duration:1s;
  217. }
  218.  
  219. #sidebar:hover #description {
  220. opacity:1;
  221. margin-top:10px;
  222. transform:rotate(360deg);
  223. -ms-transform:rotate(360deg);
  224. -webkit-transform:rotate(360deg);
  225. -webkit-transition-duration:2s;
  226. -moz-transition-duration:2s;
  227. -o-transition-duration:2s;
  228. }
  229.  
  230.  
  231. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  232. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  233.  
  234.  
  235.  
  236.  
  237. #pagination {
  238. width:100px;
  239. font-size:8px;
  240. text-align:center;
  241. margin-left:-80px;
  242. margin-top:-70px;
  243. position:fixed;
  244. font-family:Trebuchet MS;
  245. letter-spacing:0px;
  246. }
  247.  
  248.  
  249.  
  250.  
  251. #info {
  252. text-align:center;
  253. margin-top:10px;
  254. text-transform:uppercase;
  255. font-size:8px;
  256. font-style:none;
  257. border-top:1px dotted {color:Line}
  258. }
  259.  
  260.  
  261.  
  262.  
  263. #tags {
  264. font-family:cambria;
  265. letter-spacing:0px;
  266. text-transform:lowercase;
  267. font-size:10px;
  268. font-style:italic;
  269. margin-top:4px;
  270. margin-bottom:4px;
  271. text-align:center;
  272. }
  273.  
  274. #tags
  275. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  276. -webkit-transition: all 0.6s ease-in-out;
  277. -moz-transition: all 0.6s ease-in-out;
  278. -o-transition: all 0.6s ease-in-out;
  279. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  280.  
  281.  
  282.  
  283.  
  284. #asker {
  285. padding:5px;
  286. font-family:cambria;
  287. letter-spacing:1px;
  288. text-align:left;
  289. border-radius:15px;
  290. font-style:italic;
  291. margin-left:10px;
  292. background-color:{color:ask bg}
  293. }
  294.  
  295.  
  296.  
  297. {CustomCSS}</style></head><body>
  298.  
  299. <div id="sidebar">
  300. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  301.  
  302.  
  303. <div id="description">
  304. {Description}
  305. </div>
  306.  
  307.  
  308. <div class="links">
  309. <a href="/">home</a>
  310. <a href="/ask">mssg</a>
  311. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  312. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  313. </div>
  314.  
  315.  
  316. {block:Pagination}<div id="pagination">
  317. {block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;&nbsp;{/block:PreviousPage}
  318. {block:JumpPagination length="3"}
  319. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  320. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  321. {/block:JumpPagination}
  322. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  323. </div>{/block:Pagination}
  324.  
  325. </div>
  326.  
  327. <div id="entries">{block:Posts}<div id="post">
  328.  
  329. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  330.  
  331. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  332.  
  333. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  334.  
  335. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  336.  
  337. {block:Link}<center><big><big><h1><a href="{URL}" {Target}>{Name}</a></h1></big></big></center>{block:Description}{Description}{/block:Description}{/block:Link}
  338.  
  339. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  340.  
  341. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px; border-radius:15px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  342. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  343. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  344. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  345. {/block:Audio}
  346.  
  347. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  348.  
  349. {block:Answer}<div id="asker"><center><img src="{AskerPortraitURL-24}" style="margin-right:6px;border-radius:50%;padding:2px;"> {Asker}:{Question}</center></div><left><font face="cambria">{Answer}</font>{/block:Answer}
  350.  
  351. <div id="info">
  352. <br><a href="{Permalink}">{TimeAgo}</a>
  353.  
  354. {block:RebloggedFrom} / <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  355. {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}
  356.  
  357. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  358.  
  359. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  360. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  361. {/block:Posts}
  362. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  363. {/block:Posts}</div></div></div>
  364.  
  365.  
  366.  
  367. <!--
  368. CREDIT D O N O T R E M O V E
  369. -->
  370.  
  371. <div style="position:fixed;bottom:3px; right:3px; font-size:12px; letter-spacing:1px; font-family:cambria;"><a href="http://tardissauce.tumblr.com/">©TS</a></center></div>
  372.  
  373.  
  374. </body></html>
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!