API tools faq
paste
Advertisement
blowstagram

Theme #22 by Bangackles

blowstagram
Nov 15th, 2013
885
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--this is bangackles's theme and i'd really rather not have you steal it k thnx bye-->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  7.  
  8. <style>
  9. div#qTip {
  10. padding: 3px;
  11. display: none;
  12. text-align: center;
  13. position: absolute;
  14. font-size:7px;
  15. line-height:8px;
  16. font-family:arial;
  17. z-index: 1000;
  18. background-color:{color:customize};
  19. color: #eee;
  20. text-transform:uppercase;
  21. letter-spacing: 1px;
  22. }
  23. </style>
  24. <head>
  25. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  26. <meta name="color:bg" content="#FFFFFF">
  27. <meta name="color:link" content="#E6E4E4">
  28. <meta name="color:hover" content="#454545">
  29. <meta name="color:infobg" content="#FCFCFC">
  30. <meta name="color:text" content="#9A9A9A">
  31. <meta name="color:tags" content="#EDEDED">
  32. <meta name="color:scrollbar" content="#D6D5D5">
  33. <meta name="color:customize" content="#93CABD">
  34.  
  35. <meta name="image:sidebar" content=""/>
  36.  
  37. <meta name="text:link1" content="">
  38. <meta name="text:link1 url" content="/">
  39. <meta name="text:link2" content="">
  40. <meta name="text:link2 url" content="/">
  41. <meta name="text:link3" content="">
  42. <meta name="text:link3 url" content="/">
  43. <meta name="text:link4" content="">
  44. <meta name="text:link4 url" content="/">
  45. <meta name="text:link5" content="">
  46. <meta name="text:link5 url" content="/">
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50. <link rel="shortcut icon" href="{Favicon}" />
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <style type="text/css">
  54.  
  55. a {
  56. color:{color:link};
  57. text-decoration:none;
  58. -moz-transition-duration:0.5s;
  59. -webkit-transition-duration:0.5s;
  60. -o-transition-duration:0.5s;
  61. }
  62.  
  63. a:hover {
  64. color:{color:customize};
  65. text-decoration:none;
  66. cursor:help;
  67. -moz-transition-duration:0.5s;
  68. -webkit-transition-duration:0.5s;
  69. -o-transition-duration:0.5s;
  70. }
  71.  
  72. small {
  73. font-size:7px
  74. }
  75.  
  76. big {
  77. font-size:12px;
  78. text-transform:uppercase;
  79. letter-spacing:-1px;
  80. }
  81.  
  82.  
  83. b, strong {
  84. color:{color:customize};
  85. }
  86.  
  87.  
  88. p {
  89. margin-top:5px;
  90. margin-bottom:5px
  91. }
  92.  
  93.  
  94. ::-webkit-scrollbar {background-color:{color:infobg}; height:3px; width:3px}
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:3px}
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:3px!important}
  97.  
  98. body {
  99. background-color:{color:bg};
  100. font-family:arial;
  101. font-weight:normal;
  102. line-height:150%;
  103. }
  104.  
  105. h1 {
  106. font-weight:normal;
  107. font-size:10px;
  108. text-align:center;
  109. font-style:normal;
  110. line-height:150%;
  111. font-family:arial;
  112. letter-spacing:1px;
  113. text-transform:uppercase;
  114. color:{color:text};
  115. }
  116.  
  117. h2 {
  118. font-size:15px;
  119. text-align:center;
  120. line-height:150%;
  121. letter-spacing:-0.5px;
  122. color:{color:text};
  123. font-weight:normal;
  124. padding:5px;
  125. font-family:'libre baskerville', serif;
  126. font-style:italic;
  127. padding-bottom:2px;
  128. }
  129.  
  130.  
  131. blockquote {
  132. border-left:1px solid {color:text};
  133. padding-left:5px;
  134. margin:5px;
  135. }
  136.  
  137. #theme {
  138. background-color:{color:bg};
  139. width:700px;
  140. margin: 0 auto -12px auto;
  141. text-align: center;
  142. }
  143.  
  144. /*-----sidebar-----*/
  145.  
  146. #sidebar {
  147. position:fixed;
  148. opacity:1;
  149. width:349px;
  150. height:100%;
  151. background: url(http://static.tumblr.com/gqxcg05/F0Emr2m1o/ticks.png);
  152. background-repeat:repeat;
  153. margin-left:-300px;
  154. margin-top:4px;
  155. text-align:center;
  156. -moz-transition-duration:1s;
  157. -webkit-transition-duration:1s;
  158. -o-transition-duration:1s;
  159. }
  160.  
  161. #sidebarimage img{
  162. opacity:.9;
  163. width:100px;
  164. border: 3px solid #fff;
  165. position:fixed;
  166. height:100px;
  167. margin-top:115px;
  168. margin-left:-100px;
  169. -moz-transition-duration:1s;
  170. -webkit-transition-duration:1s;
  171. -o-transition-duration:1s;
  172. }
  173.  
  174. #sidebarimage {
  175. background:#eee;
  176. -moz-transition-duration:.5s;
  177. -webkit-transition-duration:.5s;
  178. -o-transition-duration:.5s;
  179. }
  180.  
  181. /*---links---*/
  182.  
  183. .links {
  184. margin-left:180px;
  185. margin-top:115px;
  186. height:105px;
  187. z-index:999999999
  188. opacity:1;
  189. font-family:arial;
  190. font-size:8px;
  191. text-transform:uppercase;
  192. text-align:left;
  193. position:fixed;
  194. letter-spacing:-1px;
  195. line-height:170%;
  196. -moz-transition-duration:.5s;
  197. -webkit-transition-duration:.5s;
  198. -o-transition-duration:.5s;
  199. }
  200.  
  201. .links a{
  202. padding:4px;
  203. display:block;
  204. width:75px;
  205. background:#fff;
  206. position:justify;
  207. color:{color:link};
  208. letter-spacing:0px;
  209. text-decoration:none;
  210. -moz-transition-duration:.5s;
  211. -webkit-transition-duration:.5s;
  212. -o-transition-duration:.5s;
  213. }
  214.  
  215. .links a:hover{
  216. color:{color:hover};
  217. letter-spacing:8px;
  218. -moz-transition-duration:.5s;
  219. -webkit-transition-duration:.5s;
  220. -o-transition-duration:.5s;
  221. }
  222.  
  223. #home {
  224. color:{color:customize};
  225. border-bottom: 1px {color:customize} solid;
  226. border-left: 1px {color:customize} solid;
  227. -moz-transition-duration:.5s;
  228. -webkit-transition-duration:.5s;
  229. -o-transition-duration:.5s;
  230. }
  231.  
  232. #home a {
  233. width:74px;
  234. color:{color:customize};
  235. }
  236.  
  237. /*---description---*/
  238.  
  239. .desc {
  240. margin-top:221px;
  241. margin-left:74px;
  242. background:#fff;
  243. border-top:3px solid {color:customize};
  244. z-index:9999999999999999999;
  245. width:179px;
  246. opacity:1;
  247. text-align:justify;
  248. font-size:10px;
  249. color:{color:text};
  250. padding:5px;
  251. font-family:baskerville;
  252. letter-spacing:1px;
  253. line-height:150%;
  254. position:fixed;
  255. -webkit-transition: .7s;
  256. -moz-transition: .7s;
  257. }
  258.  
  259. .desc a{
  260. color:{color:text};
  261. }
  262.  
  263. .desc a:hover {
  264. color:{color:customize};
  265. }
  266.  
  267. /*---pagination---*/
  268.  
  269. .pagi {
  270. margin-top:350px;
  271. margin-left:75px;
  272. width:180px;
  273. }
  274.  
  275. .jump_page {
  276. padding: 4px 8px;
  277. background-color: #eee;
  278. color:{color:text};
  279. font-family:arial;
  280. font-size:8px;
  281. }
  282.  
  283. .current_page, .jump_page:hover {
  284. padding: 4px 8px;
  285. background-color: {color:customize};
  286. color: #ffffff;
  287. font-family:arial;
  288. font-size:8px;
  289. }
  290.  
  291. /*---ask&answer---*/
  292.  
  293. .ask {
  294. padding:5px;
  295. font-family:'Libre Baskerville', serif;
  296. text-align:center;
  297. border:#fff solid 2px;
  298. outline: {color:customize} solid 3px;
  299. min-height:30px;
  300. width:480px;
  301. color:#454545;
  302. background:{color:customize};
  303. }
  304.  
  305. .asktext {
  306. padding-left:50px;
  307. margin-top:0px;
  308. font-size:9px;
  309. padding:5px;
  310. width:490px;
  311. color:#454545;
  312. font-family:arial;
  313. text-align:center;
  314. }
  315.  
  316. .askurl {
  317. width:490px;
  318. margin-top:5px;
  319. padding:5px;
  320. font-size:15px;
  321. font-style:italic;
  322. text-transform:lowercase;
  323. font-family:baskerville;
  324. text-transform:normal;
  325. text-align:center;
  326. }
  327.  
  328. .askurl a{
  329. color:#454545;
  330. }
  331.  
  332. .askurl a:hover {
  333. color:#eee;
  334. }
  335.  
  336. .ans {
  337. text-align:justify;
  338. font-family:arial;
  339. padding:10px;
  340. width:480px;
  341. font-size:9px;
  342. min-height:20px;
  343. color:#454545;
  344. }
  345.  
  346. /*---entries---*/
  347. #stuffcontainer {
  348. float:left;
  349. margin-left:175px;
  350. margin-top:75px;
  351. text-align:justify;
  352. background-color:{color:bg};
  353. color:{color:text};
  354. margin-bottom: 35px;
  355. }
  356.  
  357. #stuff {
  358. width:500px;
  359. margin-top:0px;
  360. padding:30px 15px 30px 15px;
  361. text-align:justify;
  362. font-size:9px;
  363. font-family:arial;
  364. line-height:90%;
  365. letter-spacing:0px;
  366. color:{color:text};
  367. -moz-transition-duration:.5s;
  368. -webkit-transition-duration:.5s;
  369. -o-transition-duration:.5s;
  370. }
  371.  
  372. #stuff:hover .tags {
  373. opacity:1;
  374. }
  375.  
  376. .caption {
  377. max-width:500px;
  378. font-family:arial;
  379. font-size:8px;
  380. text-align:justify;
  381. line-height:120%;
  382. }
  383.  
  384. #audio {
  385. min-height:100px;
  386. width:500px;
  387. padding-bottom:10px;
  388. background-color:{color:infobg};
  389. }
  390.  
  391. #music {
  392. font-family:'Libre Bakerville', serif;
  393. font-style:italic;
  394. font-size:15px;
  395. padding-bottom:30px;
  396. color:{color:text};
  397. }
  398.  
  399. #albumart {
  400. float:left;
  401. padding:0px 10px 10px 0px;
  402. }
  403.  
  404. #albumart img {
  405. width:100px;
  406. height:100px;
  407. float:left;
  408. border-radius:100px;
  409. margin:0px 7px;
  410. }
  411.  
  412. #audioplayer {
  413. text-align:center;
  414. padding:10px;
  415. background-color:#ffffff;
  416. width:20px;
  417. height:20px;
  418. border-radius:20px;
  419. opacity:.5;
  420. overflow:hidden;
  421. position:absolute;
  422. margin-left:35px;
  423. margin-top:35px;
  424. margin-bottom:45px;
  425. }
  426.  
  427. #audioinfo {
  428. padding:10px;
  429. color:{color:text};
  430. }
  431.  
  432. .note {
  433. text-transform:uppercase;
  434. font-family:arial;
  435. font-style:normal;
  436. letter-spacing:0px;
  437. font-size: 9px;
  438. text-align:left;
  439. line-height:90%;
  440. margin-top:10px;
  441. margin-left:-40px;
  442. }
  443.  
  444. .note li {
  445. list-style-type:decimal;
  446. padding:5px 25px 10px 25px;
  447. font-size:8px;
  448. text-align:left;
  449. margin:0px;
  450. -moz-transition-duration:0.5s;
  451. -webkit-transition-duration:0.5s;
  452. -o-transition-duration:0.5s;
  453. }
  454.  
  455. .tags {
  456. font-style:normal;
  457. margin-left:0px;
  458. margin-top:10px;
  459. width:470px;
  460. opacity:0;
  461. font-family:arial;
  462. text-transform:uppercase;
  463. color:{color:tags};
  464. letter-spacing:2px;
  465. line-height:100%;
  466. font-size:7px;
  467. text-align:center;
  468. padding:10px 15px 10px 15px;
  469. -moz-transition-duration:0.5s;
  470. -webkit-transition-duration:0.5s;
  471. -o-transition-duration:0.5s;
  472. }
  473.  
  474. .tags a {
  475. color:{color:tags};
  476. letter-spacing:1px;
  477. padding:1px;
  478. }
  479.  
  480. .tags a:hover {
  481. color:{color:link};
  482. }
  483.  
  484. ul.chat, .chat ol, .chat li {
  485. color:#454545;
  486. list-style:none;
  487. margin:0px;
  488. padding:10px;
  489. }
  490.  
  491. .label {
  492. color:#454545;
  493. padding:4px;
  494. text-decoration:underline;
  495. font-weight:700;
  496. background-color:#eee;
  497. margin-right:5px;
  498. }
  499.  
  500. #info {
  501. width:500px;
  502. text-align:left;
  503. font-family:arial;
  504. margin-top:-3px;
  505. margin-left:-9px;
  506. letter-spacing:1px;
  507. font-size:7px;
  508. font-style:none;
  509. padding:9px;
  510. line-height:10px;
  511. text-transform:uppercase;
  512. -moz-transition-duration:0.5s;
  513. -webkit-transition-duration:0.5s;
  514. -o-transition-duration:0.5s;
  515. }
  516.  
  517. #info a {
  518. text-align:center;
  519. color:#454545;
  520. }
  521.  
  522. #info a:hover {
  523. color:{color:customize};
  524. }
  525.  
  526. #poop img {
  527. width:30px;
  528. position:fixed;
  529. padding:3px;
  530. opacity: .9;
  531. bottom:5px;
  532. right:5px;
  533. z-index:999999999999999999999999999999999999999999;
  534. }
  535.  
  536.  
  537.  
  538. {CustomCSS}
  539.  
  540. </style></head>
  541.  
  542. <body>
  543. <div id="theme">
  544. <div id="sidebar">
  545. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  546. <div class="desc">{description}</div>
  547. <div class="links">
  548. <div id="home">
  549. <a href="{text:link1 url}">{text:link1}</a>
  550. </div>
  551. <a href="{text:link2 url}">{text:link2}</a>
  552. <a href="{text:link3 url}">{text:link3}</a>
  553. <a href="{text:link4 url}">{text:link4}</a>
  554. <a href="{text:link5 url}">{text:link5}</a>
  555. </div>
  556. <div class="pagi">
  557. {block:Pagination}
  558. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  559. {block:JumpPagination length="5"}
  560. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  561. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  562. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  563. {/block:Pagination}
  564. </div>
  565. </div>
  566.  
  567.  
  568. <div id="stuffcontainer">
  569. {block:Posts}
  570.  
  571. <div id="stuff">
  572.  
  573. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  574.  
  575. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  576.  
  577. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  578. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  579.  
  580. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  581.  
  582. {block:Photoset}<center>{Photoset-500}</center>
  583. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  584.  
  585. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  586.  
  587. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  588.  
  589. {block:Answer}<div class="ask"><span class="askurl">{Asker}</span><span style="font-size:8px;">INQUIRED:</span><br><div class="asktext">{Question}</div></div><br><div class="ans">{Answer}</div>{/block:answer}
  590.  
  591. {block:Audio}
  592. <div id="audioplayer">{AudioPlayerWhite} </div>
  593. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div id="music">{block:TrackName}{TrackName}{/block:TrackName}<br><br>{block:Artist}{Artist}{/block:Artist}</div>
  594. {/block:Audio}
  595.  
  596. <div id="info">
  597. <span style="background-color:#eee;padding:3px;"><a href="{Permalink}" title="{TimeAgo}">{MonthNumberWithZero}.{DayOfMonthWithZero}</a></span> {block:RebloggedFrom} via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}| <a href="{SourceURL}">source</a>{/block:ContentSource}❤{NoteCount}</a>
  598. {block:HasTags}<div class="tags">
  599. {block:Tags}<a href="{tagURL}">#{Tag}</a>{/block:Tags}
  600. </div>{block:HasTags}
  601. </div>
  602. </div>
  603. {/block:Posts}
  604. <br><br>{block:PostNotes}{PostNotes}{/block:PostNotes}
  605. {/block:Posts}
  606. </div></div></div>
  607. <br><br><br>
  608. </div>
  609.  
  610.  
  611.  
  612. <div id="poop"><a href="http://bangackles.tumblr.com"><img src="http://31.media.tumblr.com/420211bafa6b41a67f733e6bd79a7cfb/tumblr_moypj2OKup1s8a280o1_500.png"></a></div>
  613. </div>
  614. </div>
  615. </body>
  616. </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!