API tools faq
paste
wallflwers

Theme 20 Joshdevin (1/29)

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