API tools faq
paste
wallflwers

Theme 29 JD

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