Advertisement
jetpackblues

jetpackblues code

Jun 9th, 2014
6,023
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!---
  6.  
  7. tiny redux edit #3 Jetpack Blues
  8.  
  9. 。◕ ‿ ◕。 dont even think of removing the theme credit
  10.  
  11. www.father-fruitcake.tumblr.com if you have questions!
  12.  
  13. xxedited:.post img
  14.  
  15. --->
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <!---META START--->
  24.  
  25. <!---COLOUR---->
  26.  
  27. <meta name="color:Background" content="#ffffff">
  28. <meta name="color:Post BG" content="#fff">
  29. <meta name="color:Menu BG" content="#999999">
  30. <meta name="color:Menu text" content="#999999">
  31. <meta name="color:Text" content="#000000">
  32. <meta name="color:Link" content="#999999">
  33. <meta name="color:Link Hover" content="#000000">
  34. <meta name="color:Link Hover BG" content="#000000">
  35. <meta name="color:Border" content="#000">
  36. <meta name="color:Title Colour" content=""/>
  37. <meta name="color:Shadow" content="#b7d9d3"/>
  38.  
  39. <!----IF---->
  40.  
  41. <meta name="if:Maximised BG" content="0" />
  42. <meta name="if:Infinite Scrolling" content="0"/>
  43. <meta name="if:Borders" content="1"/>
  44. <meta name="if:Rounded" content="0"/>
  45. <meta name="if:Shadow" content="0"/>
  46. <meta name="if:Music Player" content="1"/>
  47. <meta name="if:250" content="0" />
  48. <meta name="if:400" content="0" />
  49. <meta name="if:500" content="1" />
  50.  
  51.  
  52.  
  53. <!----IMAGE---->
  54.  
  55. <meta name="image:Background" content=""/>
  56. <meta name="image:Pixel" content="" />
  57. <meta name="image:Sidebar" content=""/>
  58. <meta name="image:Side" content=""/>
  59.  
  60. <!----TEXT---->
  61.  
  62. <meta name="text:Menu" content="menu"/>
  63. <meta name="text:Font" content="calibri"/>
  64. <meta name="text:Link url1" content="/"/>
  65. <meta name="text:Link 1" content="link 1"/>
  66. <meta name="text:Link url2" content="/"/>
  67. <meta name="text:Link 2" content="link 2"/>
  68. <meta name="text:Link url3" content="/"/>
  69. <meta name="text:Link 3" content="link 3"/>
  70. <meta name="text:Music Player Code" content="music code here"/>
  71. <meta name="text:Sideimg distance from top" content="0px"/>
  72. <meta name="text:Sideimg distance from left" content="0px"/>
  73. <meta name="text:Sidebar Top" content="0px"/>
  74. <meta name="text:Sidebar Left" content="0px"/>
  75.  
  76. <!--- END META --->
  77. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  78. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <link rel="icon" href=""/>
  80. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  81.  
  82. <script type="text/javascript"
  83. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  84.  
  85.  
  86. </head>
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91. body{
  92. background-color: {color:Background};
  93. background-image: url({image:background});
  94. background-attachment:fixed;background-repeat:repeat;
  95. background-position:center;
  96. {block:ifbgcover} no-repeat center fixed ;
  97. -webkit-background-size: cover;
  98. -moz-background-size: cover;
  99. -o-background-size: cover;
  100. background-size: cover; {/block:ifbgcover}
  101. font-family: {select:font};
  102. font-size: 13px;
  103. color: {color:Text};
  104. }
  105.  
  106. #theme {
  107. background-color:{color:background};
  108. background-image:url('{image:background}');
  109. width:700px;
  110. margin: 0 auto -12px auto;
  111. text-align: center;
  112. }
  113.  
  114.  
  115. a{
  116. color:{color:Link};
  117. -webkit-transition: all 0.4s ease-in-out;
  118. -moz-transition: all 0.4s ease-in-out;
  119. -o-transition: all 0.4s ease-in-out;
  120. text-decoration: none;
  121. }
  122.  
  123. a:hover{
  124. color:{color:Link Hover};
  125. -webkit-transition: 0.6s ease;
  126. transition: 0.6s ease;
  127. -o-transition: 0.6s ease;
  128. -moz-transition: 0.6s ease;
  129. background:{color:Link Hover BG};
  130. }
  131.  
  132. #wrapper {
  133. width:680px;
  134. margin:0 auto;
  135. padding:10px;
  136. }
  137.  
  138. #side {
  139. position:fixed;
  140. bottom:-10px;
  141. margin-left:{text:Sideimg distance from left};
  142. margin-top:{text:Sideimg distance from top};
  143. z-index: -1;
  144. }
  145.  
  146. #sidebarimg{
  147. margin-bottom:5px;
  148. }
  149.  
  150. #sidebarimg img{
  151. max-width:100%;
  152. }
  153.  
  154. #sidebartown{
  155. margin-left:{text:Sidebar Left};
  156. margin-top:{text:Sidebar Top};
  157. text-align:center;
  158. background:{color:Post BG};
  159. width:150px;
  160. padding:10px;
  161. position:fixed;
  162. font-size:11px;
  163. font-family:{text:Font};
  164. {block:ifshadow}
  165. box-shadow:5px 5px {color:shadow};
  166. {/block:ifshadow}
  167.  
  168. {block:ifborders}
  169. border: 1px solid {color:Border};
  170. {/block:ifborders}
  171. {block:ifrounded}
  172. -moz-border-radius: 4px;
  173. -webkit-border-radius: 4px;
  174. border-radius:4px;
  175. {/block:ifrounded}
  176.  
  177.  
  178.  
  179. }
  180.  
  181. #sidebar img{
  182. overflow:auto;
  183. padding:3px;
  184. margin-left:-1px;
  185. margin-top:-2px;
  186. }
  187.  
  188. .post{
  189. margin-top: 24px;
  190. padding:10px;
  191. background-color: {color:Posts};
  192. background:{color:Post BG};
  193. z-index: 1;
  194. font-family:{text:font};
  195. margin-left:408px;
  196.  
  197. {block:ifshadow}
  198. box-shadow:5px 5px {color:shadow};
  199. {/block:ifshadow}
  200.  
  201. overflow:auto;
  202. {block:if250}
  203. width:250px;
  204. {/block:if250}
  205. {block:if400}
  206. width:400px;
  207. {/block:if400}
  208. {block:if500}
  209. width:500px;
  210. {/block:if500}
  211.  
  212. {block:ifborders}
  213. border: 1px solid {color:Border};
  214. {/block:ifborders}
  215. {block:ifrounded}
  216. -moz-border-radius: 4px;
  217. -webkit-border-radius: 4px;
  218. border-radius:4px;
  219. {/block:ifrounded}
  220.  
  221. {block:ifborders}
  222. border: 1px solid {color:Border};
  223. {/block:ifborders}
  224. {block:ifrounded}
  225. -moz-border-radius: 4px;
  226. -webkit-border-radius: 4px;
  227. border-radius:4px;
  228. {/block:ifrounded}
  229. }
  230.  
  231.  
  232. .post img{
  233. max-width: 100%;
  234. opacity: 0.95;
  235. margin-bottom: -1px;
  236. z-index: 10;
  237. }
  238.  
  239.  
  240. .post a{
  241. color:{color:Link};
  242. text-decoration:none;
  243. font-weight:normal;
  244. }
  245.  
  246.  
  247. .post a:hover{
  248. color:{color:Link Hover};
  249. background:{color:Link Hover BG};
  250. text-decoration:none;
  251. }
  252.  
  253. iframe#tumblr_controls{
  254. top:0%!important;
  255. right:0%!important;
  256. position:fixed!important;
  257. z-index:99999999!important;
  258. opacity:1;
  259. -webkit-filter:invert(100%);
  260. -moz-filter:invert(100%);
  261. -o-filter:invert(100%);
  262. -ms-filter:invert(100%);
  263. filter:invert(100%);
  264. }
  265.  
  266. {block:IfMaximisedBG}
  267. #bg img {
  268. z-index:-1;
  269. position:fixed;
  270. top:0;
  271. left:0;
  272. height:100%;
  273. width:100%;
  274. }
  275. {block:IfMaximisedBG}
  276.  
  277.  
  278. .posttitle{font-weight:cousine;font-size:16px;line-height:22px;text-decoration:none;margin:3px 0 -3px 0;
  279. }
  280.  
  281. .posttitle a{text-decoration:none;
  282. }
  283.  
  284. .quote{font-weight:cousine;font-size:16px;font-style:cousine;line-height:22px;text-decoration:none;
  285. }
  286.  
  287. .quotesource{text-align:right;
  288. }
  289. .question{padding-bottom:10px;margin:0;border-bottom:1px solid {color:Border};
  290. }
  291.  
  292. .caption{margin:0;
  293. }
  294.  
  295. blockquote{margin:0 0 0 15px;padding:0 0 0 10px;margin-left:5px;border-left:solid 1px {color:Border};
  296. }
  297.  
  298.  
  299. <!---post info/footer--->
  300.  
  301.  
  302. {block:IfMaximisedBG}
  303. #bg {
  304. z-index:-1;
  305. position:fixed;
  306. top:0;
  307. left:0;
  308. height:100%;
  309. width:100%;
  310. }
  311. {block:IfMaximisedBG}
  312.  
  313.  
  314. #postinfo {
  315. font-family: courier;
  316. margin-top:10px;
  317. {block:if250}
  318. width:250px;
  319. {/block:if250}
  320. {block:if400}
  321. width:400px;
  322. {/block:if400}
  323. {block:if500}
  324. width:500px;
  325. {/block:if500}
  326. padding:0px;
  327. color:{color:tags};
  328. font-size:10px;
  329. text-transform:lowercase;
  330. background:{color:permalinkgbg};
  331. }
  332.  
  333. ol.notes li.note img {
  334. width:10px;
  335. height:10px;
  336. text-align:center;
  337.  
  338. }
  339.  
  340. ol.notes{
  341. list-style-type:none;
  342. padding:2px 10px 2px 10px;
  343. font-size:10px;
  344. text-align:center;
  345. }
  346.  
  347.  
  348.  
  349. #postinfo a {
  350. color:{color:Text};
  351. font-size:11px;
  352. border-bottom:0px solid #fff;
  353. font-family:courier;
  354. }
  355.  
  356. #postinfo a:hover {
  357. color:{color:link hover};
  358. }
  359.  
  360. .pagination {
  361. text-align: right;
  362. padding-bottom: 35px;
  363. margin-left:20px;
  364. margin-top:8px;
  365. width:auto;
  366. text-transform: lowercase;
  367. }
  368.  
  369. .pagination a {
  370. background-color: white;
  371. color: {color:text};
  372. font-size:12px;
  373. width:110px;
  374. padding: 5px 10px;
  375. text-decoration: none;
  376. }
  377.  
  378. </style>
  379.  
  380. <body>
  381. {block:IfMaximisedBG}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBG}
  382.  
  383. <div id="side"><img src="{image:Side}"></div>
  384. <div id="wrapper">
  385. <div id="background"></div>
  386.  
  387. <!---SIDEBAR TOWN --->
  388. <div id="sidebartown">
  389.  
  390. <div id="title">{title}</div>
  391. <div id="sidebarimg"><img src="{image:Sidebar}"></div>
  392.  
  393. {block:Description}
  394. <div id="description">{Description}</div>
  395. {/block:Description}
  396.  
  397.  
  398. <div id="pixel"><img src="{image:Pixel}"></div>
  399.  
  400. <!---navigation--->
  401.  
  402. <select style="
  403. width: 100px;
  404. border: 0px solid;
  405. padding: 3px;
  406. color:{color:Menu Text};
  407. background-color:{color:Menu BG};
  408. font-family:{text:font};
  409. font-size: 11px;
  410. letter-spacing: 2px;" onChange="location.href=this.options[this.selectedIndex].value;">
  411.  
  412. <div id="kawaiimorning">
  413. <option value="/">{text:Menu}</option>
  414. <option value="/">home</option>
  415. <option value="{text:Link url1}">{text:Link 1}</option>
  416. <option value="{text:Link url2}">{text:Link 2}</option>
  417. <option value="http://father-fruitcake.tumblr.com/tagged/tiny-themes">theme credit</option>
  418. </select>
  419. </div>
  420. </div>
  421.  
  422. <!---end sidebar/music town--->
  423.  
  424. {block:ifmusicplayer}
  425. <img style="margin:7px;" src="http://www.myspacelyts.net/albums/ee115/yayitssteph/graphics/pixels/music/music7.gif"></div>
  426. {text:Music Player Code}
  427. {/block:ifmusicplayer}
  428.  
  429.  
  430. <!---end music town/posts town--->
  431.  
  432. <div id="posttown">
  433. {block:Posts}
  434. <div class="post">
  435. {block:Text}
  436.  
  437. {block:Title}
  438. <div class="posttitle">{Title}</div>
  439. {/block:Title}
  440.  
  441. {Body}
  442. {/block:Text}
  443.  
  444.  
  445. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:ifcaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifcaptions}{block:permalinkpage}{/block:permalinkpage}{/block:Photo}
  446.  
  447.  
  448. {block:Photoset}
  449. {block:if500}{Photoset-500}{/block:if500}
  450. {block:if400}{photoset-400}{/block:if400}
  451. {block:if250}{photoset-250}{/block:if250}
  452. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  453.  
  454. {block:Quote}
  455. <div class="quote">"{Quote}"</div>
  456. {block:Source}
  457. <div class="quotesource">{Source}</div>
  458. {/block:Source}
  459. {/block:Quote}
  460.  
  461. {block:Link}
  462. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  463.  
  464. {block:Description}
  465. <div class="description">{Description}</div>
  466. {/block:Description}
  467. {/block:Link}
  468.  
  469. {block:Chat}
  470. {block:Title}
  471. <div class="posttitle">{Title}</div>
  472. {/block:Title}
  473.  
  474. {block:Lines}
  475. <div class="{Alt} user_{UserNumber}">
  476. {block:Label}
  477. <b>{Label}</b>{/block:Label}
  478. &nbsp;{Line}
  479. </div>
  480. {/block:Lines}
  481. {/block:Chat}
  482.  
  483. {block:Video}
  484. {Video-250}
  485. {block:Caption}
  486. <div class="caption">{Caption}</div>
  487. {/block:Caption}
  488. {/block:Video}
  489.  
  490. {block:Audio}
  491. <div class="cover">{block:AlbumArt}
  492. {/block:AlbumArt}</div>
  493. {AudioPlayerWhite}
  494. <i>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} ({block:Album}{Album}{/block:Album})</i>
  495.  
  496. {block:Caption}
  497. <div class="caption">{Caption}</div>
  498. {/block:Caption}
  499. {/block:Audio}
  500.  
  501. {block:Answer}
  502. <div class="question"><i>{Asker} said:</i> {Question}</div>
  503. <div class="caption">{Answer}</div>
  504. {/block:Answer}
  505.  
  506.  
  507.  
  508. <div id="postinfo">
  509.  
  510. <span id="perma_reblog" style="color:{color:tags};">
  511.  
  512. <a href="{Permalink}" style="text-decoration:none;">
  513. {12Hour}:{Minutes} {AmPm} </a> &nbsp; ☆
  514. <a href="{Permalink}" style="text-decoration:none">
  515. {MonthNumber}/{DayOfMonthWithZero}/{ShortYear}</a>&nbsp;☆&nbsp; {block:notecount}<a href="{Permalink}" style="text-decoration:none;">
  516. {NoteCountWithLabel}</a>{/block:notecount}
  517. </br>
  518.  
  519.  
  520.  
  521.  
  522. </span> {block:IndexPage}<br>{block:Tags}#<a href="{TagURL}" style="padding: 1px 0px 0px 0px;margin: 0px 7px 0px 0px; text-decoration:none;">{Tag}</a>{/block:Tags}{/block:IndexPage}</div>{/block:Date}
  523. </div>
  524.  
  525.  
  526.  
  527.  
  528. <!--- end posts --->
  529.  
  530. <div class="note">
  531.  
  532. {block:PostNotes}{PostNotes}{/block:PostNotes}
  533. </div>
  534. </div>
  535. {/block:Posts}
  536. {block:Pagination}
  537. <div class="pagination">
  538. {block:PreviousPage}
  539. <a class="back" href="{PreviousPage}">&larr; {lang:Previous}</a>
  540. {/block:PreviousPage}
  541. {block:NextPage}
  542. <a class="next" href="{NextPage}">{lang:Next page} &rarr;</a>
  543. {/block:NextPage}</div>
  544. {/block:Pagination}
  545. </div>
  546.  
  547.  
  548.  
  549. </body>
  550. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement