API tools faq
paste
BandThemes

edges theme

BandThemes
Jan 10th, 2016
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.63 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME BY BAND-THEMES.TUMBLR.COM-->
  2. <!--DO NOT REMOVE CREDIT-->
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <title>{Title}</title>
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}">
  9. {/block:Description}
  10.  
  11.  
  12. <meta name="image:sidebar" content="https://secure.static.tumblr.com/643a731ec9d1febaa65703fba0ca0373/fgbufhe/fofo0jvx8/tumblr_static_d3l68qxifns48c44k0c4wgsgc.gif">
  13. <meta name="if:sidebar image" content="1"/>
  14. <meta name="if:curved corners" content="1"/>
  15. <meta name="color:background" content="#fff">
  16. <meta name="color:posts" content="#fff">
  17. <meta name="color:borders" content="#000">
  18. <meta name="color:sidebar" content="#fff">
  19. <meta name="color:text" content="#000">
  20. <meta name="color:link" content="#cc0000">
  21. <meta name="color:link hover" content="#000">
  22. <meta name="color:link background" content="#fff">
  23. <meta name="color:link background hover" content="">
  24. <meta name="text:link 1 url" content="/">
  25. <meta name="text:link 1 title" content="link">
  26. <meta name="text:link 2 url" content="/">
  27. <meta name="text:link 2 title" content="link">
  28. <meta name="text:link 3 url" content="/">
  29. <meta name="text:link 3 title" content="link">
  30. <meta name="text:link 4 url" content="/">
  31. <meta name="text:link 4 title" content="link">
  32. <meta name="text:link 5 url" content="/">
  33. <meta name="text:link 5 title" content="link">
  34. <meta name="text:link 6 url" content="/">
  35. <meta name="text:link 6 title" content="link">
  36. <meta name="text:link 7 url" content="/">
  37. <meta name="text:link 7 title" content="link">
  38. <meta name="text:link 8 url" content="/">
  39. <meta name="text:link 8 title" content="link">
  40.  
  41. <!--FONTS-->
  42. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68. <style>
  69. /*HOVER TITLES*/
  70. #s-m-t-tooltip{
  71. position:absolute;
  72. margin-top: 15px;
  73. z-index:9999;
  74. background:{color:background};
  75. border: 1px solid {color:borders};
  76. {block:ifcurvedcorners}
  77. border-radius:8px;
  78. {/block:ifcurvedcorners}
  79. padding:3px;
  80. }
  81. /*SCROLLBAR*/
  82. ::-webkit-scrollbar-thumb:vertical {
  83. height:10px; border:2px solid {color:background}; background-color:{color:borders};}
  84.  
  85. ::-webkit-scrollbar-thumb:horizontal {
  86. background-color:{color:background};border:2px solid {color:borders};}
  87.  
  88. ::-webkit-scrollbar {
  89. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:borders};}
  90.  
  91. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:7px; border-right:2px solid {color:background}; border-left:2px solid {color:background}; background-color:{color:borders};}
  92.  
  93. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  94.  
  95. /*BASICS*/
  96. body {
  97. background: {color:background};
  98. color:{color:text};
  99. font-family:inconsolata;
  100. font-size:13px;
  101. }
  102. a {
  103. color: {color:link};
  104. text-decoration:none;
  105. -webkit-transition:all 0.5s;
  106. -moz-transition:all 0.5s;
  107. -ms-transition:all 0.5s;
  108. -o-transition:all 0.5s;
  109. transition:all 0.5s;
  110. }
  111. a:hover {
  112. color: {color:link hover};
  113. }
  114.  
  115. /*SIDEBAR*/
  116. #sidebar {
  117. width:150px;
  118. height:auto;
  119. {block:ifsidebarimage}
  120. margin-top:115px;
  121. {/block:ifsidebarimage}
  122. {block:ifnotsidebarimage}
  123. top:100px;
  124. {/block:ifnotsidebarimage}
  125. left:120px;
  126. position:fixed;
  127. border: 1px solid {color:borders};
  128. background-color:{color:sidebar};
  129. {block:ifcurvedcorners}
  130. border-radius:8px;
  131. {/block:ifcurvedcorners}
  132. }
  133. #sidebar2 {
  134. width:150px;
  135. height:100px;
  136. top:100px;
  137. left:120px;
  138. position:fixed;
  139. margin-bottom:10px;
  140. border: 1px solid {color:borders};
  141. background-color:{color:sidebar};
  142. {block:ifcurvedcorners}
  143. border-radius:8px;
  144. {/block:ifcurvedcorners}
  145. }
  146.  
  147. #sidebarim img {
  148. width:140px;
  149. height:90px;
  150. padding:5px;
  151. {block:ifcurvedcorners}
  152. border-radius:12px;
  153. {/block:ifcurvedcorners}
  154. margin-bottom:-2px;
  155. }
  156.  
  157.  
  158. #description {
  159. text-align:center;
  160. padding:5px;
  161. margin-bottom:-10px;
  162. font-size:12px;
  163. }
  164. #links {
  165. margin-top:10px;
  166. padding: 5px;
  167. }
  168.  
  169. /*POSTS*/
  170. #entries {
  171. width:510px;
  172. height:auto;
  173. margin-left:400px;
  174. margin-top:100px;
  175. }
  176. #posts {
  177. width:500px;
  178. padding:5px;
  179. margin-bottom:20px;
  180. border: 1px solid {color:borders};
  181. {block:ifcurvedcorners}
  182. border-radius:8px;
  183. {/block:ifcurvedcorners}
  184. background-color:{color:posts};
  185. }
  186. #posts img {
  187. max-width:500px;
  188. }
  189. /*POST TYPES*/
  190. .post-title {
  191. font-size:16px;
  192. font-weight:bold;
  193. }
  194. #audioplayer {
  195. padding:10px;
  196. }
  197. #audioinfo {
  198. margin-left:100px;
  199. margin-top:-45px;
  200. position:relative;
  201. }
  202. #question {
  203. padding:10px;
  204. border:1px solid {color:borders};
  205. {block:ifcurvedcorners}
  206. border-radius:8px;
  207. {/block:ifcurvedcorners}
  208. }
  209. #quote {
  210. text-align:right;
  211. font-size:25px;
  212. }
  213. /*PERMALINK*/
  214. #perm {
  215. padding-top:10px;
  216. padding-bottom:4px;
  217. }
  218. #perm a {
  219. border:1px solid {color:borders};
  220. {block:ifcurvedcorners}
  221. border-radius:5px;
  222. {/block:ifcurvedcorners}
  223. width:52px;
  224. margin-left:1px;
  225. text-align:center;
  226. padding:3px;
  227. background-color:{color:link background};
  228. -webkit-transition:all 0.5s;
  229. -moz-transition:all 0.5s;
  230. -ms-transition:all 0.5s;
  231. -o-transition:all 0.5s;
  232. transition:all 0.5s;
  233. }
  234. #perm a:hover {
  235. background-color:{color:link background hover};
  236. }
  237. .tags {
  238. padding-top:8px;
  239. line-height:28px;
  240. }
  241. /*PAGINATION*/
  242. #pagination {
  243. text-align:center;
  244. {block:PreviousPage}
  245. margin-left:-12px;
  246. {/block:PreviousPage}
  247. padding:-30px;
  248. font-size:14px;
  249. {block:ifnotsidebarimage}
  250. margin-top:10px;
  251. {/block:ifnotsidebarimage}
  252. {block:ifsidebarimage}
  253. margin-top:20px;
  254. {/block:ifsidebarimage}
  255. margin-bottom:-12px;
  256. left:135px;
  257. position:fixed;
  258. }
  259. #pagination a {
  260. border:1px solid {color:borders};
  261. {block:ifcurvedcorners}
  262. border-radius:5px;
  263. {/block:ifcurvedcorners}
  264. width:52px;
  265. margin-left:1px;
  266. text-align:center;
  267. padding:3px;
  268. background-color:{color:link background};
  269. -webkit-transition:all 0.5s;
  270. -moz-transition:all 0.5s;
  271. -ms-transition:all 0.5s;
  272. -o-transition:all 0.5s;
  273. transition:all 0.5s;
  274. }
  275. /*NOTES*/
  276. #pagenotes a {
  277. border:none;
  278. }
  279. /* Custom CSS */
  280. {CustomCSS}
  281. </style>
  282. </head>
  283. <body>
  284. {block:ifsidebarimage}
  285. <div id="sidebar2">
  286. <div id="sidebarim"><img src="{image:sidebar}"></div></div>
  287. {/block:ifsidebarimage}
  288. <div id="sidebar">
  289. <div id="description">{Description}</div>
  290.  
  291. <div id="links">
  292. <select onChange="location.href=this.options[this.selectedIndex].value;" style="background:{color:sidebar}; border:1px solid {color:borders}; width:100%; color:{color:text}; font-family:consolas; font-size:10px; letter-spacing:1px;" >
  293.  
  294. <option value="">navigation</option>
  295. <option value="/">refresh</option>
  296. <option value="/ask">ask</option>
  297. <option value="{text:link 1 url}">{text:link 1 title}</option>
  298. <option value="{text:link 2 url}">{text:link 2 title}</option>
  299. <option value="{text:link 3 url}">{text:link 3 title}</option>
  300. <option value="{text:link 4 url}">{text:link 4 title}</option>
  301. <option value="{text:link 5 url}">{text:link 5 title}</option>
  302. <option value="{text:link 6 url}">{text:link 6 title}</option>
  303. <option value="{text:link 7 url}">{text:link 7 title}</option>
  304. <option value="{text:link 8 url}">{text:link 8 title}</option>
  305. <option value="http://band-themes.tumblr.com/">theme credit</option>
  306. </select></div><!--ds-->
  307. {block:Pagination}
  308. <div id="pagination">
  309. {block:PreviousPage}
  310. <a href="{PreviousPage}">«</a>
  311. {/block:PreviousPage}
  312.  
  313. {block:JumpPagination length="5"}
  314. {block:CurrentPage}
  315. <span class="current_page">{PageNumber}</span>
  316. {/block:CurrentPage}
  317.  
  318. {block:JumpPage}
  319. <a class="jump_page" href="{URL}">{PageNumber}</a>
  320. {/block:JumpPage}
  321. {/block:JumpPagination}
  322.  
  323. {block:NextPage}
  324. <a href="{NextPage}">»</a>
  325. {/block:NextPage}
  326. </div>
  327. {/block:Pagination}
  328. </div>
  329.  
  330. <div id="entries">
  331. {block:Posts}
  332. <div id="posts">
  333. {block:Text}
  334. {block:Title}
  335. <div class="post-title">{Title}</div>
  336. {/block:Title}
  337. {Body}
  338. {/block:Text}
  339. {block:Photo}
  340. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  341. {block:Caption}
  342. {Caption}
  343. {/block:Caption}
  344. {/block:Photo}
  345. {block:Panorama}
  346. {LinkOpenTag}<img scr="{PhotoURL-Panorama}"/>{LinkCloseTag}
  347. {block:Caption}
  348. {Caption}
  349. {/block:Caption}
  350. {/block:Panorama}
  351. {block:Photoset}
  352. {Photoset-500}
  353. {block:Caption}
  354. {Caption}
  355. {/block:Caption}
  356. {/block:Photoset}
  357. {block:Quote}
  358. <div id="quote"> "{Quote}"</div>
  359. {block:Source}
  360. - {Source}
  361. {/block:Source}
  362. {/block:Quote}
  363. {block:Link}
  364. <a href="{URL}">{Name}</a>
  365. {block:Caption}
  366. {Caption}
  367. {/block:Caption}
  368. {/block:Link}
  369. {block:Chat}
  370. {block:Title}
  371. <div id="posttitle">{Title}</div>
  372. {/block:Title}
  373. {block:Lines}
  374. {block:Label}
  375. <b>{Label}</b>
  376. {/block:Label}
  377. {Line}<br>
  378. {/block:Lines}
  379. {/block:Chat}
  380. {block:Audio}
  381. <div id="audioplayer">
  382. {AudioPlayer}
  383. </div>
  384. <div id="audioinfo">
  385. {block:TrackName}
  386. {TrackName}
  387. {/block:TrackName}<br>
  388. {block:Album}
  389. {Album}
  390. {/block:Album}<br>
  391. {block:Artist}
  392. {Artist}
  393. {/block:Artist}
  394. </div>
  395. {block:Caption}
  396. {Caption}
  397. {/block:Caption}
  398. {/block:Audio}
  399. {block:Video}
  400. {Video-500}
  401. {block:Caption}
  402. {Caption}
  403. {/block:Caption}
  404. {/block:Video}
  405. {block:Answer}
  406. <div id="question">
  407. {Asker} said:<br>
  408. {Question}<br></div>
  409. {Answer}
  410. {/block:Answer}
  411. {block:Date}
  412. <div id="perm">
  413. <a href="{ReblogURL}">reblog</a>
  414. {block:NoteCount}
  415. <a href="{Permalink}">{NoteCount} notes</a>
  416. {/block:NoteCount}
  417. {block:RebloggedFrom}
  418. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  419.  
  420.  
  421. {block:ContentSource}
  422. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  423. {/block:ContentSource}
  424. {/block:RebloggedFrom}
  425. {block:HasTags}
  426. <div class="tags">
  427. filed under:
  428. {block:Tags}
  429. <a href="{TagUrl}">#{Tag}</a>
  430. {/block:Tags}
  431. </div>
  432. {/block:HasTags}
  433. {/block:Date}
  434. </div>
  435. {block:PostNotes}
  436. <div id="pagenotes">
  437. {PostNotes}
  438. </div>
  439. {/block:PostNotes}
  440. </div>
  441. {/block:Posts}
  442. </div>
  443.  
  444. </body>
  445. </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!