API tools faq
paste
Advertisement
BandThemes

21p theme

BandThemes
May 15th, 2015
329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.74 KB | None | 0 0
raw download clone embed print report
  1. <!----THEME BY BAND-THEMES.TUMBLR.COM---->
  2. <!----dont remove the credit pls---->
  3. <!DOCTYPE html>
  4. <head>
  5.  
  6.  
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--Default Variables-->
  14.  
  15. <meta name="color:Background" content="#fff"/>
  16. <meta name="color:Text" content="#000"/>
  17. <meta name="color:Link" content="#F45C39"/>
  18. <meta name="color:Link Hover" content="#000"/>
  19.  
  20. <meta name="image:Sidebar Image" content="http://www.theedgesusu.co.uk/wp-content/uploads/2014/03/314787_10150880371161148_1894353591_n.jpg"/>
  21.  
  22. <meta name="text:Link 1 URL" content="/" />
  23. <meta name="text:Link 1" content="link 1" />
  24. <meta name="text:Link 2 URL" content="/" />
  25. <meta name="text:Link 2" content="link 2" />
  26. <meta name="text:Link 3 URL" content="/" />
  27. <meta name="text:Link 3" content="link 3" />
  28.  
  29.  
  30. <!-- jquery for tooltips-->
  31.  
  32.  
  33. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  34.  
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <link href='http://fonts.googleapis.com/css?family=Special+Elite|Exo+2' rel='stylesheet' type='text/css'>
  37. <script>
  38.  
  39. (function($){
  40.  
  41. $(document).ready(function(){
  42.  
  43. $("a[title]").style_my_tooltips({
  44.  
  45. tip_follows_cursor:true,
  46.  
  47. tip_delay_time:30,
  48.  
  49. tip_fade_speed:300,
  50.  
  51. attribute:"title"
  52.  
  53. });
  54.  
  55. });
  56.  
  57. })(jQuery);
  58.  
  59. </script>
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. <!--CSS customization here. -->
  67.  
  68. <style type="text/css">
  69.  
  70. #s-m-t-tooltip{
  71. position:absolute;
  72. margin-top: 15px;
  73. z-index:9999;
  74. background:{color:background};
  75. }
  76.  
  77. ::-webkit-scrollbar-thumb:vertical {
  78. height:10px; border:2px solid {color:background}; background-color:#B7371C;}
  79.  
  80. ::-webkit-scrollbar-thumb:horizontal {
  81. background-color:{color:background};}
  82.  
  83. ::-webkit-scrollbar {
  84. width:11px; height:5px; border:5px solid {color:background}; background-color:#B7371C;}
  85.  
  86. ::-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:#B7371C}
  87.  
  88. 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;}
  89.  
  90. /*basics*/
  91. blockquote {padding:5px 0 5px 30px;
  92. border-left:1px solid {color:text};
  93. margin-left:30px;
  94. }
  95.  
  96. body {
  97. background-color:{color:background};
  98. color:{color:text};
  99. font-family:arial;
  100. font-size:11px;
  101. text-align:justify;
  102. margin:0;
  103. font-family: 'Exo 2', sans-serif;
  104. line-height:16px;}
  105.  
  106. a {
  107. color:{color:link};
  108. text-decoration:none;
  109. -webkit-transition:all 0.5s;
  110. -moz-transition:all 0.5s;
  111. -ms-transition:all 0.5s;
  112. -o-transition:all 0.5s;
  113. transition:all 0.5s;
  114. }
  115.  
  116. a:hover {
  117. color:{color:link hover}}
  118.  
  119. img{opacity:1;
  120. border:none;
  121. text-decoration:none}
  122.  
  123.  
  124. small {
  125. font-size:9px;}
  126.  
  127. big {
  128. font-size:12px;}
  129.  
  130.  
  131. #title {font-size:12px;
  132. line-height:18px;
  133. font-weight:bold;
  134. margin-bottom:10px;
  135. text-transform:uppercase;
  136. text-align:left;}
  137.  
  138. #frnk {top:-10px;
  139. position:fixed;
  140. right:-100px;
  141. z-index: -1;
  142. }
  143.  
  144. #frnk img {width:600px;
  145.  
  146. }
  147. /*sidebar*/
  148. #sidebar {text-align:left;
  149. position:fixed;
  150. margin-left:-265px;
  151. margin-top:10px;
  152. width:250px;
  153. }
  154.  
  155. #sidebarim {margin-bottom:10px;
  156. position:fixed;
  157. margin-right:20px;
  158.  
  159. }
  160.  
  161. #sidebarim img {width:250px;
  162. border:15px solid #6FC2DD;
  163. border-bottom:150px solid #6FC2DD;
  164. }
  165.  
  166. #blogt {font-size:30px;
  167. font-weight:bold;
  168. font-family: 'Orbitron', sans-serif;
  169. font-weight: 700;
  170. margin-top:350px;
  171. }
  172.  
  173.  
  174. #tab17 {
  175. position:fixed;
  176. margin-left:50px;
  177. margin-top:260px;
  178. width:100px;
  179. font-size:11px;
  180. padding:10px;
  181. }
  182.  
  183.  
  184. #tab17line1{
  185. height:15px;
  186. width:15px;
  187. position:fixed;
  188. opacity:1;
  189. background-color:#000;
  190. border:2px solid #000;
  191. -webkit-transition:0.7s;
  192. -moz-transition:0.7s;
  193. -ms-transition:0.7s;
  194. -o-transition:0.7s;
  195. transition:0.7s;
  196. }
  197.  
  198. #tab17line1:hover {
  199. border:2px solid {color:Tab Text};
  200. background:none;
  201. -webkit-transition:0.7s;
  202. -moz-transition:0.7s;
  203. -ms-transition:0.7s;
  204. -o-transition:0.7s;
  205. transition:0.7s;
  206. }
  207.  
  208. #tab17line2 {
  209. height:15px;
  210. width:15px;
  211. position:fixed;
  212. margin-left:34px;
  213. margin-top:0px;
  214. opacity:1;
  215. background-color:#B7371C;
  216. border:2px solid #B7371C;
  217. -webkit-transition:0.7s;
  218. -moz-transition:0.7s;
  219. -ms-transition:0.7s;
  220. -o-transition:0.7s;
  221. transition:0.7s;
  222. }
  223.  
  224. #tab17line2:hover {
  225. border:2px solid #B7371C;
  226. background:none;
  227. -webkit-transition:0.7s;
  228. -moz-transition:0.7s;
  229. -ms-transition:0.7s;
  230. -o-transition:0.7s;
  231. transition:0.7s;
  232. }
  233.  
  234. #tab17line3 {
  235. height:15px;
  236. width:15px;
  237. margin-left:68px;
  238. position:fixed;
  239. margin-top:0px;
  240. background-color:#F45C39;
  241. border:2px solid #F45C39;
  242. -webkit-transition:0.7s;
  243. -moz-transition:0.7s;
  244. -ms-transition:0.7s;
  245. -o-transition:0.7s;
  246. transition:0.7s;
  247. }
  248.  
  249. #tab17line3:hover {
  250. border:2px solid #F45C39;
  251. background:none;
  252. -webkit-transition:0.7s;
  253. -moz-transition:0.7s;
  254. -ms-transition:0.7s;
  255. -o-transition:0.7s;
  256. transition:0.7s;
  257. }
  258.  
  259.  
  260.  
  261. #tab17line4{
  262.  
  263. margin-left:102px;
  264. height:15px;
  265. width:15px;
  266. position:fixed;
  267. margin-top:0px;
  268. background-color:#81DAF5;
  269. border:2px solid#81DAF5;
  270. -webkit-transition:0.7s;
  271. -moz-transition:0.7s;
  272. -ms-transition:0.7s;
  273. -o-transition:0.7s;
  274. transition:0.7s;
  275. }
  276.  
  277. #tab17line4:hover {
  278. border:2px solid #81DAF5;
  279. background:none;
  280. -webkit-transition:0.7s;
  281. -moz-transition:0.7s;
  282. -ms-transition:0.7s;
  283. -o-transition:0.7s;
  284. transition:0.7s;
  285. }
  286.  
  287. #tab17line5 {
  288. height:15px;
  289. width:15px;
  290. position:fixed;
  291. margin-left:136px;
  292. margin-top:0px;
  293. background-color:#fff;
  294. border:2px solid #fff;
  295. -webkit-transition:0.7s;
  296. -moz-transition:0.7s;
  297. -ms-transition:0.7s;
  298. -o-transition:0.7s;
  299. transition:0.7s;
  300. }
  301.  
  302. #tab17line5:hover {
  303. border:2px solid #fff;
  304. background:none;
  305. -webkit-transition:0.7s;
  306. -moz-transition:0.7s;
  307. -ms-transition:0.7s;
  308. -o-transition:0.7s;
  309. transition:0.7s;
  310. }
  311.  
  312. #description {
  313. width:200px;
  314. margin-left:55px;
  315. margin-top:-70px;
  316. position:absolute;
  317. z-index:9999999;
  318. font-family: 'Exo 2', sans-serif;
  319. }
  320.  
  321.  
  322. /*pagination*/
  323. #pagination {
  324. font-size:25px;
  325. font-family: 'Inconsolata', serif;
  326. text-transform:uppercase;
  327. font-weight:bold;
  328. text-align:center;
  329. width:167px;
  330. }
  331. #pagination a{
  332. font-size:25px;
  333. }
  334. /*container*/
  335. #con {
  336. left:50%;
  337. margin-left:-300px;
  338. position:absolute;
  339. }
  340.  
  341.  
  342.  
  343. /*posts*/
  344.  
  345. #entries {
  346. margin-top:75px;
  347. margin-left:400px;
  348. width:500px;
  349. }
  350.  
  351.  
  352.  
  353. #posts {
  354. width:500px;
  355. {block:IndexPage}
  356. margin-bottom:25px;
  357. {/block:IndexPage}
  358. {block:PermalinkPage}
  359. margin-bottom:50px;
  360. {/block:PermalinkPage}
  361. background:#fff;
  362. padding:10px;
  363. border-radius:1px;
  364. }
  365. #posts img {
  366. max-width:500px;
  367. }
  368.  
  369. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  370. .caption {width:100%;
  371. margin-top:10px;
  372.  
  373. }
  374.  
  375. /*quote*/
  376.  
  377. #titlequote{text-align:left;
  378. font-size:14px;
  379. line-height:18px;
  380. font-weight:bold;
  381. }
  382. #source {
  383. margin-top:15px;
  384. margin-left:15px;}
  385.  
  386. /*audio*/
  387.  
  388. .player {
  389. width:25px;
  390. height:25px;
  391. overflow:hidden;
  392. position:absolute;
  393. background:white;}
  394.  
  395. .audioinfo {
  396. margin-left:50px;
  397. }
  398.  
  399.  
  400. /*asks*/
  401. .q {margin-bottom:10px;
  402. }
  403. .as {
  404. font-weight:bold;}
  405.  
  406. .a {
  407. margin-top:10px;
  408. }
  409.  
  410.  
  411. /*chat*/
  412.  
  413. .chat ol {
  414. padding:0;
  415. list-style:none;
  416. }
  417. .line {padding:5px 0;}
  418.  
  419. .label {font-weight:bold;
  420. }
  421.  
  422.  
  423.  
  424.  
  425.  
  426. /*permalink and notes*/
  427.  
  428. #permalink {
  429. margin-top:15px;
  430. font-size:14px;
  431. text-align:right;
  432. font-family: 'Special Elite', cursive;
  433. }
  434. #permalink a {margin-right:10px;
  435. }
  436.  
  437.  
  438. .tags {
  439. word-break:break-all;
  440. font-size:12px;
  441. }
  442.  
  443. .pagenotes {
  444. {block:IndexPage}
  445. display: none!important;
  446. {/block:IndexPage}
  447. width:400px;
  448. text-align:left;
  449.  
  450. }
  451. .pagenotes img {
  452. display:none!important;}
  453. .pagenotes li {
  454. list-style-type:none;
  455. padding:5px 0px;
  456. text-align:left;
  457. margin:0 0 0 -40px;
  458. }
  459.  
  460. #bli img {
  461. width:50px;
  462. position:fixed;
  463. padding:3px;
  464. opacity: .5;
  465. bottom:5px;
  466. right:5px;
  467. z-index:999999999999999999999999999999999999999999;
  468. }
  469. #bli img:hover {
  470. opacity:1;
  471. }
  472.  
  473.  
  474. {CustomCSS}
  475.  
  476.  
  477. </style>
  478.  
  479.  
  480.  
  481. </head>
  482.  
  483. <body>
  484.  
  485.  
  486. <div id="con">
  487. <div id="frnk"><img src="https://40.media.tumblr.com/59df228b15abe2a74a62e85be782d029/tumblr_nocomiOS551twwwjho1_r1_1280.jpg"></div>
  488. <div id="sidebar">
  489. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  490. <div id="tab17">
  491.  
  492. <a href="/" title="HOME"><div id="tab17line1">
  493. </div></a>
  494.  
  495. <a href="/ask" title="ASK"><div id="tab17line2">
  496. </div></a>
  497. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><div id="tab17line3"></div></a>{/block:ifLink1}
  498.  
  499. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><div id="tab17line4"></div></a>{/block:ifLink2}
  500.  
  501. {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:Link 3}"><div id="tab17line5"></div></a>{/block:ifLink3}
  502. </div>
  503. <div id="blogt"><a href="/">{Title}</a></div>
  504. <div id="description">{Description} <div id="pagination">{block:Pagination}
  505. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  506. {/block:Pagination}</div></div>
  507.  
  508. </div>
  509. </div>
  510.  
  511.  
  512.  
  513.  
  514. </div>
  515.  
  516.  
  517.  
  518.  
  519. <div id="entries">
  520.  
  521. {block:Posts}
  522. <div id="posts">
  523.  
  524.  
  525. {block:Quote}
  526.  
  527.  
  528. <div id="titlequote">“{Quote}”</div>
  529. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  530. {/block:Quote}
  531.  
  532.  
  533.  
  534. {block:Text}
  535.  
  536. {block:Title}
  537. <div id="title">{Title}</div>{/block:Title}
  538. {Body}
  539. {/block:Text}
  540.  
  541. {block:Link}
  542. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  543. {/block:Link}
  544.  
  545. {block:Chat}
  546. {block:Title}
  547. <h1>{Title}</h1>
  548. {/block:Title}
  549. <div class="chat">
  550. <ol>{block:Lines}
  551. <li class="line {Alt}">
  552. {block:Label}
  553. <span class="label">
  554. {Label}</span>
  555. {/block:Label}{Line}</li>
  556. {/block:Lines}
  557. </ol></div>
  558. {/block:Chat}
  559.  
  560. {block:Photo}
  561. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  562. {/block:Photo}
  563.  
  564. {block:Photoset}
  565. {Photoset-500}
  566. {/block:Photoset}
  567.  
  568. {block:Video}
  569. {Video-500}
  570. {/block:Video}
  571.  
  572. {block:Audio}
  573. <div class="player">{AudioPlayerWhite}</div>
  574. <div class="audioinfo">
  575. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  576. </div>
  577. {/block:Audio}
  578.  
  579. {block:Answer}
  580. <div class="q">
  581. <div class="as">{Asker} said: </div>
  582. {Question}</div>
  583. <div class="a">{Answer}</div>
  584. {/block:Answer}
  585.  
  586. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  587.  
  588. {block:Date}
  589. <div id="permalink">
  590. <a href="{ReblogURL}">reblog</a>✦
  591. {block:NoteCount}<a href="{Permalink}"> {NoteCount} notes</a>✦{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a>✦{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}"> source</a>{/block:ContentSource}{/block:RebloggedFrom}
  592. {block:HasTags}<div class="tags">tagged: {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  593. </div>
  594. {/block:Date}
  595.  
  596.  
  597.  
  598. </div>
  599.  
  600.  
  601. {block:PostNotes}
  602. <div class="pagenotes">
  603. {PostNotes}
  604. </div>
  605. {/block:PostNotes}
  606.  
  607.  
  608. {/block:Posts}
  609.  
  610.  
  611.  
  612.  
  613. </div>
  614.  
  615. </div>
  616.  
  617.  
  618. {block:ContentSource}
  619. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  620. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  621. {/block:SourceLogo}
  622. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  623. {/block:ContentSource}
  624. <div id="bli"><a href="http://band-themes.tumblr.com" title="theme credit"><img src="http://37.media.tumblr.com/708de367efb5445ee2c5b366905e7d85/tumblr_n0r171S6Ca1sfepfpo1_1280.png"/></a></div>
  625. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!