API tools faq
paste
wallflwers

Theme 24 JD

wallflwers
Feb 5th, 2013
2,175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.50 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. <meta name="color:sidelinks" content="#bdbaba"/>
  16. <meta name="color:sidelinkshover" content="#e4e2e2"/>
  17. <meta name="color:links" content="#bdbaba"/>
  18. <meta name="color:linkshover" content="#e4e2e2"/>
  19. <meta name="color:text" content="#c4c6c7"/>
  20. <meta name="color:border" content="#f2f2f2"/>
  21. <meta name="color:background" content="#ffffff"/>
  22. <meta name="color:title" content="#ffffff"/>
  23.  
  24.  
  25. <meta name="image:sbarimg" content=""/>
  26.  
  27. <meta name="text:Link 1 Name" content=""/>
  28. <meta name="text:Link 1 URL" content="/"/>
  29. <meta name="text:Link 2 Name" content=""/>
  30. <meta name="text:Link 2 URL" content="/"/>
  31. <meta name="text:Link 3 Name" content=""/>
  32. <meta name="text:Link 3 URL" content="/"/>
  33. <meta name="text:Link 4 Name" content=""/>
  34. <meta name="text:Link 4 URL" content="/"/>
  35.  
  36. <meta name="if:Link 1" content=""/>
  37. <meta name="if:Link 2" content=""/>
  38. <meta name="if:Link 3" content=""/>
  39. <meta name="if:Link 4" content=""/>
  40.  
  41. <meta name="if:title" content=""/>
  42.  
  43.  
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  46.  
  47.  
  48. <style type="text/css">
  49.  
  50.  
  51.  
  52. 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; }
  53.  
  54. 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; }
  55.  
  56.  
  57. 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;}
  58.  
  59.  
  60. 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;}
  61.  
  62.  
  63. 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;}
  64.  
  65.  
  66. 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;}
  67.  
  68. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  69. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  70.  
  71.  
  72. body
  73. {font-family:calibri;
  74. font-size:11px;
  75. color:{color:text};
  76. background-color:{color:background};
  77. }
  78.  
  79. a
  80. {text-decoration:none;
  81. -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;
  82. color:{color:links};
  83. }
  84.  
  85. a:hover
  86. {text-decoration:none;
  87. color:{color:linkshover};
  88. }
  89.  
  90. #container {
  91. width:500px;
  92. }
  93.  
  94. #content {
  95. width:500px;
  96. margin: 0 auto -12px auto;
  97. text-align: center;
  98. }
  99.  
  100.  
  101. #sidebar {
  102. margin-top:180px;
  103. margin-left:285px;
  104. width:100px;
  105. position:fixed;
  106. }
  107.  
  108. #sbarimg {
  109. width:120px;
  110. height:120px;
  111. padding:5px;
  112. margin-left:-35px;
  113. display:center;
  114. position:fixed;
  115. z-index:-1;
  116. opacity:0.9;
  117. -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;
  118. }
  119.  
  120. #sbarimg:hover {
  121. opacity:1;
  122. -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;
  123. }
  124.  
  125.  
  126. #description {
  127. width:116px;
  128. font-size:9px;
  129. font-family:calibri;
  130. font-style:italic;
  131. letter-spacing:1px;
  132. padding:2px;
  133. padding-top:2px;
  134. color:{color:text};
  135. opacity:0;
  136. position:fixed;
  137. margin-top:-5px;
  138. margin-left:-20px;
  139. z-index:999;
  140. background:white;
  141. text-align:center;
  142. text-transform:lowercase;
  143. -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;
  144. }
  145.  
  146. .links {
  147. position:absolute;
  148. display:block;
  149. letter-spacing:1px;
  150. position:fixed;
  151. margin-left:-10px;
  152. margin-top:-5px;
  153. font-size:9px;
  154. background:white;
  155. padding:5px;
  156. opacity:0;
  157. font-family:inconsolata;
  158. color:{color:sidelinks};
  159. text-transform:uppercase;
  160. line-height:110%;
  161. width:30px;
  162. text-align:center;
  163. -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;
  164. }
  165.  
  166. .links a{
  167. font-family:inconsolata;
  168. font-size:8px;
  169. display:block;
  170. border:1px solid {color:border};
  171. text-decoration:none;
  172. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  173. }
  174.  
  175. .links a:hover{
  176. padding:1px;
  177. color:{color:sidelinkshover};
  178. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  179. }
  180.  
  181.  
  182. #posts {
  183. margin-left:450px;
  184. margin-top:40px;
  185. width:500px;
  186. }
  187.  
  188. #pag {
  189. text-align:center;
  190. }
  191.  
  192. #postss {
  193. width:500px;
  194. margin-top:10px;
  195. padding:10px;
  196. }
  197.  
  198. #info {
  199. font-family:calibri;
  200. font-size: 10px;
  201. font-style: italic;
  202. margin-top:10px;
  203. border-top: 1px solid #eee;
  204. padding:3px;
  205. text-transform:lowercase;
  206. }
  207.  
  208. .navigate1 {
  209. position:absolute;
  210. display:block;
  211. margin-left:-10px;
  212. letter-spacing:2px;
  213. position:fixed;
  214. font-family:inconsolata;
  215. color:{color:sidelinks};
  216. text-transform:uppercase;
  217. font-size:12px;
  218. text-align:center;
  219. opacity:1;
  220. margin-top:125px;
  221. -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;
  222. }
  223.  
  224. .navigate1:hover #description {
  225. opacity:1;
  226. -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;
  227. }
  228.  
  229.  
  230. .navigate2 {
  231. position:absolute;
  232. display:block;
  233. margin-left:20px;
  234. letter-spacing:2px;
  235. position:fixed;
  236. font-family:inconsolata;
  237. color:{color:sidelinks};
  238. text-transform:uppercase;
  239. font-size:12px;
  240. text-align:center;
  241. margin-top:125px;
  242. -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;
  243. }
  244.  
  245. .navigate2:hover .links {
  246. opacity:1;
  247. -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;
  248. }
  249.  
  250. .navigate3 {
  251. position:absolute;
  252. display:block;
  253. margin-left:38px;
  254. letter-spacing:2px;
  255. position:fixed;
  256. font-family:inconsolata;
  257. color:{color:sidelinks};
  258. text-transform:uppercase;
  259. font-size:12px;
  260. text-align:center;
  261. margin-top:125px;
  262. -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;
  263. }
  264.  
  265. .navigate3:hover #refresh {
  266. opacity:1;
  267. -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;
  268. }
  269.  
  270. #refresh {
  271. font-family:calibri;
  272. opacity:0;
  273. text-transform:lowercase;
  274. font-size:14px;
  275. font-style:italic;
  276. -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;
  277. }
  278.  
  279. #title {
  280. font-size:14px;
  281. font-family:calibri;
  282. font-style:italic;
  283. position:fixed;
  284. margin-top:-12px;
  285. text-align:center;
  286. WIDth:100px;
  287. margin-left:-20px;
  288. color:{color:title};
  289. }
  290.  
  291.  
  292.  
  293. </style>
  294. </head>
  295. <body>
  296. <div id="container">
  297. <div id="content">
  298.  
  299.  
  300. <div id="sidebar">
  301.  
  302. <div class="navigate1">
  303. <p> 01. </p>
  304. <div id="description">{Description}<br>
  305.  
  306. </div>
  307. </div>
  308.  
  309. <div class="navigate2">
  310. <p> 02. </p>
  311.  
  312. <div class="links">
  313. {block:ifLink1}
  314. <a href="{text:Link 1 URL}">{text:Link 1 Name}</a><br>
  315. {/block:ifLink1}{block:ifLink2}
  316. <a href="{text:Link 2 URL}">{text:Link 2 Name}</a><br>
  317. {/block:ifLink2}{block:ifLink3}
  318. <a href="{text:Link 3 URL}">{text:Link 3 Name}</a><br>
  319. {/block:ifLink3}{block:ifLink4}
  320. <a href="{text:Link 4 URL}">{text:Link 4 Name}</a>
  321. {/block:ifLink4}
  322.  
  323. </div>
  324. </div>
  325.  
  326. <div class="navigate3">
  327. <p> 03. </p>
  328. <div id="refresh"><a href="/">refresh</a><div style="font-size:10px;">{block:Pagination}{/block:Pagination}
  329. {block:PreviousPage}<a style="{color:text}"href="{PreviousPage}">-</a>{/block:PreviousPage}
  330. {block:NextPage}<a style="{color:text}"href="{NextPage}"> +</a>{/block:NextPage}</div></div>
  331. </div>
  332.  
  333.  
  334.  
  335. {block:iftitle}
  336. <div id="title"><a href="/">{title}</a> </div>
  337. {/block:iftitle}
  338.  
  339. <div id="sbarimg"><a href="/"><img src="{image:sbarimg}" style="width:120px;height:120px; }"></a>
  340.  
  341. </div></div></div>
  342.  
  343.  
  344. {block:Posts}<div id="posts" style="font-family:courier;font-size:9px; padding:10px;letter-spacing:1px;">
  345.  
  346. {block:Text}
  347. {block:Title}
  348. <h3><a href="{Permalink}">{Title}</a></h3>
  349. {/block:Title}
  350.  
  351. {Body}
  352.  
  353. {/block:Text}
  354.  
  355. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  356.  
  357. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  358.  
  359.  
  360. {block:Quote}
  361. "{Quote}"
  362.  
  363. {block:Source}
  364. <div class="source">{Source}</div>
  365. {/block:Source}
  366.  
  367. {/block:Quote}
  368.  
  369. {block:Link}
  370. <a href="{URL}" class="link" {Target}>{Name}</a>
  371.  
  372. {block:Description}
  373. <div class="description">{Description}</div>
  374. {/block:Description}
  375.  
  376. {/block:Link}
  377.  
  378. {block:Chat}
  379. {block:Title}
  380. <h3><a href="{Permalink}">{Title}</a></h3>
  381. {/block:Title}
  382.  
  383. {block:Lines}
  384. {block:Label}
  385. <span class="label">{Label}</span>
  386. {/block:Label}
  387.  
  388. {Line}
  389. {/block:Lines}
  390.  
  391. {/block:Chat}
  392.  
  393. {block:Video}
  394. {Video-500}
  395. <center>
  396. {block:Caption}
  397. <div class="caption">{Caption}</div>
  398. </center>{/block:Caption}
  399. </div>
  400. {/block:Video}
  401.  
  402. {block:Answer}<b>{Asker} whispered</b> "{Question}"
  403. {Answer}{/block:answer}
  404.  
  405.  
  406. {block:Audio}<div style="float:right;margin-top:-40px;">
  407. {AudioPlayerGrey}</div>
  408. {block:PlayCount} {PlayCount} Plays {/block:PlayCount}
  409. {block:AlbumArt}
  410. <img src="{AlbumArtURL}" style="width:50px;float:left;margin-top:-40px;padding:5px;">
  411. {/block:AlbumArt}
  412. {block:TrackName}
  413. | {TrackName}
  414. {/block:TrackName}
  415. {block:Artist}
  416. | by {Artist}
  417. {/block:Artist}
  418. {block:Caption}
  419. {/block:Caption}
  420.  
  421.  
  422. {/block:Audio}
  423.  
  424. <div id="info">
  425. {block:IndexPage}<br>
  426. posted
  427. <a href="{Permalink}"> {TimeAgo}</a>
  428. with
  429. <a href="{Permalink}">{NoteCountwithlabel} </a>
  430. <br>
  431. {block:RebloggedFrom} reblogged through <a href="{ReblogParentURL}" target="_blank"> {ReblogParentName}</a> originally by <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  432.  
  433. <br>
  434. {block:HasTags}
  435. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  436. {/block:Tags}
  437. {/block:HasTags}
  438. </div>
  439. {block:ContentSource}
  440. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  441. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  442. {/block:SourceLogo}
  443. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  444. {/block:ContentSource}
  445. {/block:IndexPage}
  446.  
  447. {block:PermalinkPage}
  448. <center>
  449. {block:Date}
  450. {TimeAgo} on
  451. {ShortMonth} {DayofMonth},{Year}
  452. {/block:Date}
  453. {block:NoteCount} {NoteCountWithLabel}
  454. {/block:NoteCount}<br>
  455. {block:HasTags}
  456. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  457. {/block:Tags}
  458. {/block:HasTags}
  459. <br>{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> ( <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  460. </center>
  461. {/block:PermalinkPage}
  462.  
  463. {block:PostNotes}
  464. {PostNotes}
  465. {/block:PostNotes}
  466.  
  467.  
  468. </div>
  469. {/block:Posts}
  470.  
  471.  
  472.  
  473.  
  474. </body>
  475. </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!