Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 3 tbh

By: jbathemes on Jul 13th, 2012  |  syntax: None  |  size: 10.97 KB  |  hits: 57  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!----Theme by accuntplish.tumblr.com/ also known as dillon and edited by jbathemes.tumblr.com
  2. Please DO NOT take the credit off this theme.---->
  3.  
  4. <html lang="en">
  5. <head>
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  10. <meta name="color:background" content="#ECD1FD"/>
  11. <meta name="color:text" content="#000000"/>
  12. <meta name="color:title" content="#000000"/>
  13. <meta name="color:link" content="#555555"/>
  14. <meta name="color:hover" content="#000000"/>
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="if:show sidebar image" content="0"/>
  18. <meta name="if:show blog title" content="1"/>
  19. <meta name="if:Tiny Scrollbar" content="1"/>
  20. <meta name="if:No Right Click" content="0"/>
  21. <meta name="text:Right Click Text" content="" />
  22. <meta name="text:link one" content="" />
  23. <meta name="text:link one title" content="" />
  24. <meta name="text:link two" content="" />
  25. <meta name="text:link two title" content="" />
  26. <meta name="text:link three" content="" />
  27. <meta name="text:link three title" content="" />
  28. <meta name="text:link four" content="" />
  29. <meta name="text:link four title" content="" />
  30. <meta name="text:link five" content="" />
  31. <meta name="text:link five title" content="" />
  32. <meta name="text:link six" content="" />
  33. <meta name="text:link six title" content="" />
  34.  
  35. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37. {block:ifnorightclick}
  38. <SCRIPT language=JavaScript>
  39. <!-- http://www.spacegun.co.uk -->
  40.     var message = "{text:Right Click Text}";
  41.         function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){   alert(message); return false; }
  42.         if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {  alert(message);         return false; } }
  43.         document.onmousedown = rtclickcheck;
  44. </SCRIPT>
  45. {/block:ifnorightclick}
  46.  
  47. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  48.  
  49. <style type="text/css">
  50.  
  51. a {text-decoration:none;color:#DE92A5;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  52.  
  53. a:hover {color:#DE92A5;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  54.  
  55. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  56.  
  57. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  58.  
  59. @font-face {
  60. font-family: "handy";
  61. src: url('http://static.tumblr.com/xeap22o/blgm3bzur/handy00.ttf');
  62. }
  63.  
  64. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  65.  
  66. @font-face { font-family: "bubbles"; src: url('http://static.tumblr.com/4yxykdm/fVAlrfkyo/bubblesstandard_1_.ttf'); }
  67.  
  68. @font-face { font-family: "pineappledelight"; src: url('http://static.tumblr.com/1kdckk4/LAvlolf4m/pineappledelight.ttf'); }
  69.  
  70. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  71.  
  72. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  73.  
  74. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  75.  
  76. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  77.  
  78. {block:iftinyscrollbar}
  79. ::-webkit-scrollbar-thumb:vertical {
  80. background-color:#bebebe;
  81. height:auto;
  82. border-bottom: 1px solid #aaaaaa;
  83. border-top: 1px solid #aaaaaa;
  84. border-left: 1px solid #aaaaaa;
  85. border-right: 1px solid #aaaaaa;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal {
  89. background-color:#bebebe;
  90. height:auto !important;
  91. }
  92.  
  93. ::-webkit-scrollbar {
  94. height:auto;
  95. width:7px;
  96. border-left: 1px solid #aaaaaa;
  97. background-color:#ECECEC;
  98. }
  99. {/block:iftinyscrollbar}
  100.  
  101. body {
  102. margin:0px;
  103. background-color: {color:Background};
  104. background-image:url({image:Background});
  105. background-attachment: fixed;
  106. background-repeat: repeat;
  107. font-family: ronda;
  108. font-size: 9px;
  109. line-height:9px;
  110. color:{color:Text};
  111. }
  112.  
  113.  
  114. p {
  115. margin:0px;
  116. margin-top:1px;
  117. }
  118.  
  119. a:link, a:active, a:visited{
  120. color: {color:Link};
  121. text-decoration: none;
  122. }
  123.  
  124. a:hover {
  125. color:{color:hover};
  126. text-decoration: none;
  127. font-style: none;
  128. text-shadow:1px 1px 5px #000;
  129. }
  130.  
  131. div#center{
  132. margin:auto;
  133. position:relative;
  134. width:840px;
  135. background-color:;
  136. overflow:auto;
  137. overflow-y:hidden;
  138. }
  139.  
  140.  
  141. div#content{
  142. float:right;
  143. width:600px;
  144. padding:1px;
  145. margin-left: -225px;
  146. background: #fff;
  147. }
  148.  
  149. div#entry{
  150. background-color:;
  151. margin-top: 0px;
  152. padding-top:0px;
  153. padding-bottom:0px;
  154. border:1px solid #aaa;
  155. }
  156.  
  157. #entry .perma a{
  158. color:;}
  159.  
  160. #entry .perma{
  161. width: 600px;
  162. opacity:0;
  163. height: 20px;
  164. position: absolute;
  165. float:left;
  166. font-family: bebas neue;
  167. text-align:center;
  168. margin-left: 0px;
  169. margin-top:100px;
  170. font-size: 18px;
  171. line-height: 25px;
  172. overflow:hidden;
  173. opacity: 0.0;
  174. background-color:#fff;
  175. text-shadow:1px 1px 5px #888;
  176. -moz-transition: all 0.3s ease-out;
  177. -o-transition: all 0.3s ease-out;
  178. -webkit-transition: all 0.3s ease-out;
  179. transition: all 0.3s ease-out;
  180. }
  181.  
  182. #entry:hover .perma{
  183. overflow:visible;
  184. margin-top:0px;
  185. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  186. -webkit-transition: all 0.2s linear;
  187. -moz-transition: all 0.2s linear;
  188. transition: all 0.2s linear;
  189. }
  190.  
  191. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  192.  
  193. div#sidebar{
  194. position:fixed !important;
  195. margin-left: -105px;
  196. margin-top:30px;
  197. height: auto;
  198. width: 326px;
  199. padding: 10px 1px 1px 1px;
  200. text-align: center;
  201. font-family:Calibri;
  202. font-size:13px;
  203. }
  204.  
  205.  
  206.  
  207. #postnotes{
  208. text-align: justify;}
  209.  
  210. #postnotes blockquote{
  211. border: 0px;}
  212.  
  213. .title{
  214. font-family: pineappledelight;
  215. font-size: 14px;
  216. line-height: 13px;
  217. color: {color:Title};
  218. letter-spacing: 1;
  219. font-weight: normal;
  220. }
  221.  
  222.  
  223. .blogtitle{
  224. font-family: lobster;
  225. font-size: 30px;
  226. line-height: 3px;
  227. margin-top: 0px;
  228. margin-bottom: -5px;
  229. text-shadow: 2px 2px 2px #888;
  230. letter-spacing: 0;
  231. font-weight: normal;
  232. }
  233.  
  234. blockquote{
  235. padding:2px 2px 2px 5px;
  236. margin:2px 2px 2px 1px;
  237. border-left: 1px dotted {color:Text};
  238. }
  239.  
  240. blockquote p, ul{
  241. margin:0px;
  242. padding:0px;
  243. }
  244.  
  245. .permalink{
  246. display: block;
  247. border-top: 1px dashed #ddd;
  248. padding: 2px;
  249. margin: 2px 8px 0px 5px;
  250. text-transform: uppercase;
  251. font-family: littlefont;
  252. font-size: 11px;
  253. color: #424242;
  254. line-height: 12px;
  255. text-align: center;
  256. text-decoration: none;
  257. -webkit-transition: color 0.5s ease-out;
  258. -moz-transition: color 0.5s ease-out;
  259. }
  260.  
  261. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  262.  
  263.  
  264. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 15px; right: 15px;}
  265.  
  266.  
  267. </style>
  268.  
  269. <link rel="shortcut icon" href="{Favicon}">
  270. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  271. <meta name="viewport" content="width=820" />
  272.  
  273. </head>
  274. <body>
  275. <div id="center">
  276. <div id="sidebar">{block:ifshowblogtitle}<div class="blogtitle"><a href="/"><font color="000">{title}</font></a></div>{/block:ifshowblogtitle}<br />
  277. <br /><p>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=320px></a>{/block:ifshowsidebarimage}
  278. <center>
  279. {description}</center>
  280. <br>
  281. <a href="{text:Link One}">{text:Link One Title} </a> ▲
  282. <a href="{text:Link Two}"> {text:Link Two Title} </a> ▲
  283. <a href="{text:Link Three}"> {text:Link Three Title} </a> ▲
  284. <a href="{text:Link Four}">{text:Link Four Title} </a> ▲
  285. <a href="{text:Link Five}"> {text:Link Five Title} </a> ▲
  286. <a href="{text:Link Six}"> {text:Link Six Title} </a>
  287. </div>
  288.  
  289. <div id="content">
  290. {block:Posts}
  291. <div id="entry">
  292.  
  293. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{Permalink}"><a href="{Permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a><br>{/block:HasTags}</span>
  294. {/block:Text}
  295.  
  296.  
  297. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}<span class="permalink"><a href="{permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a>{/block:link}
  298.  
  299. {block:Photo}
  300. {block:IndexPage}<div class="perma">
  301.  <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {ShortMonth} with {NoteCountWithLabel}</a> + <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>{/block:IndexPage}
  302. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"width=600px/>{LinkCloseTag}
  303. {/block:Photo}
  304.  
  305. {block:Photoset}<div style="width:600px !important;">{Photoset-600}</div></span>{/block:Photoset}
  306.  
  307. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><span class="permalink">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a></a></span>{/block:Quote}
  308.  
  309. {block:Chat}<div style="background-color:{color:Quote background}; padding: 4px;">{block:Title}<span class="title">{Title}</span>{/block:Title}
  310. <ul class="chat">{block:Lines} <li class="user_{UserNumber}"> {block:Label}
  311. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  312. </ul></div>{block:IndexPage}<a href="{Permalink}">{NoteCountWithLabel}</a> &middot; posted {TimeAgo} &middot; <a href="{ReblogURL}" target="_blank"> reblog </a>{/block:IndexPage}{/block:Chat}
  313.  
  314. {Line}
  315. </li>
  316. {/block:Lines}
  317. {/block:Chat}
  318.  
  319. {block:Audio}
  320. <center><div style="width:600px; height:28px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:12px; float:right;"> {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  321. {/block:Audio}
  322.  
  323. {block:Video}<center>
  324. <div class="video">{Video-600}</div></center>
  325. <div class="perma">
  326. {block:Video}
  327.  
  328. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  329.  
  330. {block:PostNotes}{PostNotes}
  331. {/block:PostNotes}
  332. </div>
  333.  
  334. {/block:Posts}
  335. </div></div>
  336.  
  337. </div>
  338. </body>
  339. </a><div style="position:fixed; bottom:10px; right:10px;">
  340. <a href="http://jbathemes.tumblr.com/">Theme Credit.</a></div>
  341. <div style="position:fixed; top:25px; right:0px;">
  342.    
  343.    
  344. </div>
  345. <BODY onselectstart="return false;" ondragstart="return false;">
  346. </html>
create a new version of this paste RAW Paste Data