API tools faq
paste
BandThemes

Base Code

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