API tools faq
paste
Advertisement
wallflwers

Theme 19 JD

wallflwers
Jan 27th, 2013
2,008
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.97 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  11.  
  12.  
  13. <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed; bottom: 10px; right: 10px; text-transform:lowercase;color:{color:text}"><a href="http://joshdevin.tumblr.com">©<i>j</i>oshdevin</a></div>
  14.  
  15.  
  16.  
  17. <meta name="color:links" content="#f8f8f8"/>
  18. <meta name="color:linkshover" content="#f8f8f8"/>
  19. <meta name="color:text" content="#f8f8f8"/>
  20. <meta name="color:imgborder" content="#f8f8f8"/>
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:border" content="#f8f8f8"/>
  23. <meta name="color:sidelinks" content="#f8f8f8"/>
  24. <meta name="color:pag" content="#f8f8f8"/>
  25.  
  26.  
  27.  
  28.  
  29. <meta name="image:sbarimg" content=""/>
  30. <meta name="image:sbarimg2" content=""/>
  31. <meta name="image:sbarimg3" content=""/>
  32.  
  33.  
  34. <meta name="text:Link 1 Name" content=""/>
  35. <meta name="text:Link 1 URL" content="/"/>
  36. <meta name="text:Link 2 Name" content=""/>
  37. <meta name="text:Link 2 URL" content="/"/>
  38. <meta name="text:Link 3 Name" content=""/>
  39. <meta name="text:Link 3 URL" content="/"/>
  40.  
  41.  
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  43.  
  44.  
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <title>
  48. {block:PostSummary}
  49. {PostSummary} - {/block:PostSummary}{Title}</title>
  50. </style>
  51.  
  52. <style type="text/css">
  53.  
  54. iframe#tumblr_controls { width:50%; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  55.  
  56. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  57.  
  58.  
  59. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  60.  
  61.  
  62. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  63.  
  64.  
  65. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  66.  
  67.  
  68. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  69.  
  70. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  71. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  72.  
  73.  
  74. body
  75. {font-family:calibri;
  76. font-size:11px;
  77. color:{color:text};
  78. background-color:{color:background};
  79. }
  80.  
  81. a
  82. {text-decoration:none;
  83. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  84. opacity:1;
  85. color:{color:links};
  86. }
  87.  
  88. a:hover
  89. {text-decoration:none;
  90. opacity:1;
  91. color:{color:linkshover};
  92.  
  93. }
  94.  
  95. #container {
  96. width:500px;
  97. }
  98.  
  99. #content {
  100. width:500px;
  101. padding:10px;
  102. margin:auto;
  103. }
  104.  
  105. #sidebar {
  106. margin-top:160px;
  107. margin-left:240px;
  108. width:100px;
  109. position:fixed;
  110. }
  111.  
  112. #sbarimg {
  113. width:124px;
  114. padding:5px;
  115. display:center;
  116. position:fixed;
  117. padding-bottom:3px;
  118. height:134px;
  119. opacity:1;
  120. -webkit-transition: opacity 0.2s linear;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
  121. }
  122.  
  123. #sbarimg:hover {
  124. opacity:0.5;
  125. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  126. }
  127.  
  128. #sbarimg:hover .link1 {
  129. opacity:1;
  130. }
  131.  
  132.  
  133.  
  134. #sbarimg2 {
  135. width:124px;
  136. padding:5px;
  137. display:center;
  138. position:fixed;
  139. margin-left:42px;
  140. padding-bottom:3px;
  141. height:134px;
  142. opacity:1;
  143. -webkit-transition: opacity 0.2s linear;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;
  144. }
  145.  
  146. #sbarimg2:hover {
  147. opacity:0.6;
  148. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  149. }
  150.  
  151. #sbarimg2:hover .link2 {
  152. opacity:1;
  153. }
  154.  
  155.  
  156. #sbarimg3 {
  157. width:124px;
  158. padding:5px;
  159. margin-left:84px;
  160. display:center;
  161. position:fixed;
  162. padding-bottom:3px;
  163. height:134px;
  164. opacity:1;
  165. -webkit-transition: opacity 0.2s linear;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
  166.  
  167. #sbarimg3:hover {
  168. opacity:0.6;
  169. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  170. }
  171.  
  172. #sbarimg3:hover .link3 {
  173. opacity:1;
  174. }
  175.  
  176.  
  177.  
  178. #description {
  179. width:125px;
  180. font-size:9px;
  181. font-family:calibri;
  182. letter-spacing:0px;
  183. padding:2px;
  184. font-style:italic;
  185. padding-top:2px;
  186. letter-spacing:1px;
  187. color:{color:text};
  188. line-height:130%;
  189. position:fixed;
  190. margin-top:150px;
  191. margin-left:2px;
  192. text-align:center;
  193. }
  194.  
  195.  
  196. .link1 {
  197. width:97px;
  198. margin-top:-160px;
  199. margin-left:-22px;
  200. padding-top:5px;
  201. padding-left:2px;
  202. text-align:center;
  203. font-size:10px;
  204. color:{color:sidelinks};
  205. line-height:175%;
  206. opacity:0;
  207. text-align:center;
  208. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  209. }
  210.  
  211. .link2 {
  212. width:97px;
  213. margin-top:-160px;
  214. margin-left:-25px;
  215. padding-top:5px;
  216. padding-left:2px;
  217. text-align:center;
  218. color:{color:sidelinks};
  219. font-size:10px;
  220. line-height:175%;
  221. opacity:0;
  222. text-align:center;
  223. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  224. }
  225. .link3 {
  226. width:97px;
  227. margin-top:-160px;
  228. margin-left:-30px;
  229. padding-top:5px;
  230. padding-left:2px;
  231. color:{color:sidelinks};
  232. text-align:center;
  233. font-size:10px;
  234. line-height:175%;
  235. opacity:0;
  236. text-align:center;
  237. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  238. }
  239.  
  240.  
  241.  
  242. #posts {
  243. margin-left:440px;
  244. margin-top:20px;
  245. width:500px;
  246. }
  247.  
  248. #pag {
  249. text-align:center;
  250. font-size:9px;
  251. color:{color:pag};
  252. font-style:none;
  253. }
  254.  
  255.  
  256. #info {
  257. font-family:calibri;
  258. font-size: 10px;
  259. font-style: italic;
  260. margin-top:10px;
  261. border-top: 1px solid #eee;
  262. padding:3px;
  263. text-transform:lowercase;
  264. }
  265.  
  266.  
  267. </style>
  268. </head>
  269. <body>
  270. <div id="container">
  271. <div id="content">
  272.  
  273. <div id="sidebar">
  274.  
  275. <div id="sbarimg"><a href="{text:Link 1 URL}"><img src="{image:sbarimg}" style="width:40px;padding-right:2px;height:134px;"></a><div class="link1">
  276. <a style="padding-right:18px;"href="{text:Link 1 URL}">{text:Link 1 Name}</a></div></div>
  277.  
  278. <div id="sbarimg2"><a href="{text:Link 2 URL}"><img src="{image:sbarimg2}" style="width:40px;padding-right:2px;height:134px;"></a><div class="link2">
  279. <a style="padding-right:18px;"href="{text:Link 2 URL}">{text:Link 2 Name}</a></div></div>
  280.  
  281. <div id="sbarimg3"><a href="{text:Link 3 URL}"><img src="{image:sbarimg3}" style="width:40px;height:134px;"></a><div class="link3">
  282. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a>
  283. </div>
  284. </div>
  285.  
  286. <div id="description">{Description}<br><div id="pag" style="font-style:none;">
  287. {block:Pagination}{/block:Pagination}
  288. {block:PreviousPage}<a style="{color:text}"href="{PreviousPage}">← •</a>{/block:PreviousPage}
  289. {block:NextPage}<a style="{color:text}"href="{NextPage}"> →</a>{/block:NextPage}</div>
  290. </div>
  291. </div>
  292.  
  293.  
  294.  
  295. {block:Posts}<div id="posts" style="font-family:calibri;font-size:12; padding:10px;">
  296.  
  297. {block:Text}
  298. {block:Title}
  299. <h3><a href="{Permalink}">{Title}</a></h3>
  300. {/block:Title}
  301.  
  302. {Body}
  303.  
  304. {/block:Text}
  305.  
  306. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  307.  
  308. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  309.  
  310.  
  311. {block:Quote}
  312. "{Quote}"
  313.  
  314. {block:Source}
  315. <div class="source">{Source}</div>
  316. {/block:Source}
  317.  
  318. {/block:Quote}
  319.  
  320. {block:Link}
  321. <a href="{URL}" class="link" {Target}>{Name}</a>
  322.  
  323. {block:Description}
  324. <div class="description">{Description}</div>
  325. {/block:Description}
  326.  
  327. {/block:Link}
  328.  
  329. {block:Chat}
  330. {block:Title}
  331. <h3><a href="{Permalink}">{Title}</a></h3>
  332. {/block:Title}
  333.  
  334. {block:Lines}
  335. {block:Label}
  336. <span class="label">{Label}</span>
  337. {/block:Label}
  338.  
  339. {Line}
  340. {/block:Lines}
  341.  
  342. {/block:Chat}
  343.  
  344. {block:Video}
  345. {Video-500}
  346. {block:Caption}
  347. <div class="caption">{Caption}</div>
  348. </center>{/block:Caption}
  349. {/block:Video}
  350.  
  351. {block:Answer}<b>{Asker} whispered</b> "{Question}"
  352. {Answer}{/block:answer}
  353.  
  354.  
  355. {block:Audio}<div style="float:right;margin-top:-40px;">
  356. {AudioPlayerGrey}</div>
  357. {block:PlayCount} {PlayCount} Plays {/block:PlayCount}
  358. {block:AlbumArt}
  359. <img src="{AlbumArtURL}" style="width:50px;float:left;margin-top:-40px;padding:5px;">
  360. {/block:AlbumArt}
  361. {block:TrackName}
  362. | {TrackName}
  363. {/block:TrackName}
  364. {block:Artist}
  365. | by {Artist}
  366. {/block:Artist}
  367. {block:Caption}
  368. {/block:Caption}
  369.  
  370.  
  371. {/block:Audio}
  372.  
  373. <div id="info">
  374. {block:IndexPage}<br>
  375.  
  376. posted
  377. <a href="{Permalink}"> {TimeAgo}</a>
  378. with
  379. <a href="{Permalink}">{NoteCountwithlabel} </a>
  380. <br>
  381. {block:RebloggedFrom} reblogged through <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a> originally by <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  382.  
  383. <br>
  384. {block:HasTags}
  385. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  386. {/block:Tags}
  387. {/block:HasTags}
  388. </div>
  389. {block:ContentSource}
  390. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  391. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  392. {/block:SourceLogo}
  393. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  394. {/block:ContentSource}
  395. {/block:IndexPage}
  396.  
  397. {block:PermalinkPage}
  398. <center>
  399. {block:Date}
  400. {TimeAgo} on
  401. {ShortMonth} {DayofMonth},{Year}
  402. {/block:Date}
  403. {block:NoteCount} {NoteCountWithLabel}
  404. {/block:NoteCount}<br>
  405. {block:HasTags}
  406. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  407. {/block:Tags}
  408. {/block:HasTags}
  409. <br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  410. </center>
  411. {/block:PermalinkPage}
  412.  
  413. {block:PostNotes}
  414. {PostNotes}
  415. {/block:PostNotes}
  416.  
  417.  
  418. </div>
  419. {/block:Posts}
  420.  
  421.  
  422.  
  423.  
  424. </body>
  425. </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!