API tools faq
paste
Advertisement
hrry20s

nineteen: bang bang

hrry20s
Aug 15th, 2014
1,223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.31 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!-------
  4. ᴛʜᴇᴍᴇ ʙʏ ᴛᴇᴇɴᴡᴜғs
  5. • ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ᴄᴏᴅɪɴɢ
  6. • ᴅᴇʟᴇᴛᴇ ᴏʀ ᴛᴀᴋᴇ ᴄʀᴇᴅɪᴛ
  7. • ᴜsᴇ ᴀs ᴀ ʙᴀsᴇ
  8. • ᴏᴋᴀʏ? ᴏᴋᴀʏ.
  9. --------->
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:bg" content="#fff"/>
  17. <meta name="color:text" content=""/>
  18. <meta name="color:accent" content=""/>
  19. <meta name="color:img border" content=""/>
  20. <meta name="color:ask icon border" content=""/>
  21. <meta name="color:title" content=""/>
  22. <meta name="color:description text" content=""/>
  23. <meta name="color:scrollbar" content=""/>
  24. <meta name="color:links" content=""/>
  25. <meta name="image:icon" content=""/>
  26. <meta name="text:title" content=""/>
  27. <meta name="text:1" content="" />
  28. <meta name="text:1 url" content="" />
  29. <meta name="text:2" content="" />
  30. <meta name="text:2 url" content="" />
  31. <meta name="text:3" content="" />
  32. <meta name="text:3 url" content="" />
  33. <meta name="text:4" content="" />
  34. <meta name="text:4 url" content="" />
  35.  
  36. <style type="text/css">
  37.  
  38. ::-webkit-scrollbar-thumb {
  39. height:auto;
  40. background-color:{color:scrollbar};
  41. border-top:1px solid {color:bg};
  42. border-bottom:1px solid {color:bg};
  43. }
  44.  
  45. ::-webkit-scrollbar {
  46. height:9px;
  47. width:12px;
  48. background-color:{color:bg};
  49. }
  50.  
  51. ::-webkit-scrollbar-button {
  52. height:10px;
  53. width:12px;
  54. background-color:{color:scrollbar};
  55. }
  56.  
  57. body {
  58. background:{color:bg};
  59. margin:0px;
  60. color:{color:text};
  61. font-family:arial;
  62. font-size:10px;
  63. line-height:100%;
  64. letter-spacing:0px;
  65. text-align:left;
  66. background-image:url('{image:Background}');
  67. }
  68.  
  69. a {
  70. font-size:10px;
  71. color:{color:links};
  72. text-decoration: none;
  73. outline:none;
  74. -moz-transition-duration:0.45s;
  75. -webkit-transition-duration:0.45s;
  76. -o-transition-duration:0.45s;
  77. }
  78.  
  79. a:hover {
  80. color:{color:text};
  81. background-color: transparent;
  82. text-decoration: none;
  83. -moz-transition-duration:0.45s;
  84. -webkit-transition-duration:0.45s;
  85. -o-transition-duration:0.45s;
  86. }
  87.  
  88. strong {
  89. color:{color:accent};
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. blockquote {
  97. padding-left:10px;
  98. margin-left:5px;
  99. border-left:4px solid {color:accent};
  100. }
  101.  
  102. blockquote blockquote {
  103. padding-left:5px;
  104. border-left:4px solid {color:accent};
  105. }
  106.  
  107. h1 {
  108. text-align:left;
  109. text-transform:lowercase;
  110. font-size:19px;
  111. color:{color:accent};
  112. font-weight:bold;
  113. font-family:arial;
  114. width:auto;
  115. letter-spacing:-1px;
  116. background:{color:bg};
  117. line-height:15px;
  118. }
  119.  
  120.  
  121. /*ENTRIES*/
  122.  
  123. #entries {
  124. padding:10px;
  125. width:400px;
  126. margin-left:270px;
  127. margin-top:5px;
  128. font-size:10px;
  129. font-family:'arial';
  130. letter-spacing:0px;
  131. }
  132.  
  133. #post {
  134. width:400px;
  135. padding-bottom:40px;
  136. padding:25px;
  137. margin-top:20px;
  138. }
  139.  
  140. /*SIDEBAR*/
  141.  
  142. .box {
  143. width:175px;
  144. height:100%;
  145. background:{color:accent};
  146. position:fixed;
  147. text-align:left;
  148. top:0;
  149. left:0;
  150. }
  151.  
  152. .box img {
  153. width:64px;
  154. height:64px;
  155. border:15px solid {color:img border};
  156. margin-top:180px;
  157. margin-left:43px;
  158. }
  159.  
  160. .title {
  161. font-size:25px;
  162. letter-spacing:-1px;
  163. font-weight:bold;
  164. color:{color:title};
  165. text-align:left;
  166. margin-top:15px;
  167. margin-left:30px;
  168. font-family:arial;
  169. width:120px;
  170. line-height:80%;
  171. }
  172.  
  173. .links {
  174. margin-top:10px;
  175. margin-left:40px;
  176. -moz-transition-duration:0.45s;
  177. -webkit-transition-duration:0.45s;
  178. -o-transition-duration:0.45s;
  179. }
  180.  
  181. .links a {
  182. color:white;
  183. font-family:calibri;
  184. letter-spacing:1px;
  185. width:81px;
  186. display:block;
  187. margin:4px;
  188. border-left:4px solid white;
  189. padding:3px;
  190. padding-left:5px;
  191. font-size:9px;
  192. text-transform:uppercase;
  193. -moz-transition-duration:0.5s;
  194. -webkit-transition-duration:0.5s;
  195. -o-transition-duration:0.5s;
  196. }
  197.  
  198. .links a:hover {
  199. background:white;
  200. font-size:9px;
  201. color:{color:accent};
  202. border-left:0px solid white;
  203. width:85px;
  204. -moz-transition-duration:0.5s;
  205. -webkit-transition-duration:0.5s;
  206. -o-transition-duration:0.5s;
  207. }
  208.  
  209. .description {
  210. color:{color:description text};
  211. margin-left:30px;
  212. margin-top:5px;
  213. font-size:10px;
  214. line-height:110%;
  215. font-family:arial;
  216. width:120px;
  217. }
  218.  
  219. #pagination {
  220. margin-left:44px;
  221. margin-top:3px;
  222. }
  223.  
  224. #pagination a {
  225. font-size:9px;
  226. margin:4px;
  227. margin-left:0px;
  228. display:block;
  229. letter-spacing:1px;
  230. font-family:calibri;
  231. text-transform:uppercase;
  232. color:{color:accent};
  233. background:white;
  234. width:85px;
  235. padding:3px;
  236. padding-left:5px;
  237. }
  238.  
  239. .quote {
  240. font-size:17px;
  241. letter-spacing:-1px;
  242. font-weight:bold;
  243. line-height:110%;
  244. color:{color:accent};
  245. text-align:left;
  246. padding: 0px 5px 5px 0px;
  247. margin-top:0px;
  248. }
  249.  
  250. .quotesource {
  251. text-transform:none;
  252. font-family:arial;
  253. font-size:10px;
  254. height:auto;
  255. text-align:left;
  256. color:{color:text};
  257. display:block;
  258. padding-bottom:10px;
  259. }
  260.  
  261.  
  262. /*POST INFO*/
  263.  
  264. #info {
  265. width:auto;
  266. text-align:center;
  267. font-family:calibri;
  268. margin-top:-20px;
  269. margin-left:0px;
  270. letter-spacing:1px;
  271. font-size:9px;
  272. opacity:0;
  273. font-style:none;
  274. padding:5px;
  275. line-height:10px;
  276. text-transform:uppercase;
  277. -moz-transition-duration:0.45s;
  278. -webkit-transition-duration:0.45s;
  279. -o-transition-duration:0.45s;
  280. }
  281.  
  282. #info a {
  283. color:{color:text};
  284. font-size:9px;
  285. -moz-transition-duration:0.45s;
  286. -webkit-transition-duration:0.45s;
  287. -o-transition-duration:0.45s;
  288. }
  289.  
  290. #info a:hover {
  291. color:{color:accent};
  292. -moz-transition-duration:0.45s;
  293. -webkit-transition-duration:0.45s;
  294. -o-transition-duration:0.45s;
  295. }
  296.  
  297. #post:hover #info {
  298. opacity:1;
  299. margin-top:5px;
  300. -moz-transition-duration:0.45s;
  301. -webkit-transition-duration:0.45s;
  302. -o-transition-duration:0.45s;
  303. }
  304.  
  305. #tags {
  306. width:auto;
  307. margin-top:-7px;
  308. margin-left:-5px;
  309. text-align:center;
  310. font-size:7px;
  311. padding:5px;
  312. font-size:8px;
  313. opacity:1;
  314. transition-duration: 0.5s;
  315. -moz-transition-duration: 0.5s;
  316. -webkit-transition-duration: 0.5s;
  317. -o-transition-duration: 0.5s
  318. color:{color:Post Links};
  319. }
  320.  
  321. #tags a {
  322. letter-spacing:1px;
  323. font-size:8px;
  324. margin-top:2px;
  325. text-align:center;
  326. font-family:calibri;
  327. text-decoration:none;
  328. display:inline-block;
  329. color:{color:text};
  330. }
  331.  
  332. #tags a:hover {
  333. background-color:{color:bg};
  334. -moz-transition-duration:0.3s;
  335. -webkit-transition-duration:0.3s;
  336. -o-transition-duration:0.3s;
  337. color:{color:accent};
  338. }
  339.  
  340. #audioplayer {
  341. width:25px;
  342. height:25px;
  343. overflow:hidden;
  344. position:absolute;
  345. border:6px solid white;
  346. margin-top:13px;
  347. margin-left:15px;
  348. }
  349.  
  350. #audioinfo {
  351. background:{color:accent};
  352. color:white;
  353. width:auto;
  354. padding:20px;
  355. padding-left:60px;
  356. margin-top:0px;
  357. text-transform:uppercase;
  358. font-family:calibri;
  359. line-height:150%;
  360. font-size:9px;
  361. letter-spacing:1px;
  362. }
  363.  
  364. .caption {
  365. font-size:11px;
  366. word-spacing:-1px;
  367. }
  368.  
  369. /*QUESTION*/
  370.  
  371. #asker {
  372. padding:13px 10px;
  373. font-family:'arial';
  374. font-size:18px;
  375. letter-spacing:-1px;
  376. text-align:left;
  377. margin-top:0px;
  378. margin-left:45px;
  379. font-weight:bold;
  380. text-transform:lowercase;
  381. line-height:100%;
  382. background-color:{color:accent};
  383. }
  384.  
  385. #asker a {
  386. color:white;
  387. font-size:18px;
  388. -moz-transition-duration:0.45s;
  389. -webkit-transition-duration:0.45s;
  390. -o-transition-duration:0.45s;
  391. }
  392.  
  393. #asker a:hover {
  394. color:black;
  395. -moz-transition-duration:0.45s;
  396. -webkit-transition-duration:0.45s;
  397. -o-transition-duration:0.45s;
  398. }
  399.  
  400. #askerimage {
  401. text-align:left;
  402. margin-top:-44px;
  403. }
  404.  
  405. #askerimage img {
  406. border:10px solid {color:ask icon border};
  407. }
  408.  
  409. .q {
  410. background:{color:accent};
  411. color:white;
  412. font-size:10px;
  413. padding:10px;
  414. margin-top:-1px;
  415. }
  416.  
  417.  
  418. {CustomCSS}
  419. </style>
  420. </head>
  421. <body>
  422.  
  423. <div class="box">
  424. <img src="{image:icon}">
  425. <div class="title">{text:title}</div>
  426. <div class="description">{Description}</div>
  427. <div class="links">
  428. <a href="{text:1 url}">{text:1}</a>
  429. <a href="{text:2 url}">{text:2}</a>
  430. <a href="{text:3 url}">{text:3}</a>
  431. <a href="{text:4 url}">{text:4}</a>
  432. <a href="http://teenwufs.tumblr.com/">credit</a>
  433. </div>
  434.  
  435. {block:Pagination}
  436. <div id="pagination">
  437. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  438. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage}
  439. </div>
  440. {/block:Pagination}
  441. </div>
  442. </div>
  443. </div>
  444.  
  445. <div id="entries">
  446. {block:Posts}
  447. <div id="post">
  448.  
  449. {block:Text}
  450. <h1>{block:Title}{Title}{/block:Title}</h1>
  451. {Body}{/block:Text}
  452.  
  453. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
  454. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  455.  
  456. {block:Photoset}{Photoset-400}{block:Caption}<div class="caption">{Caption}</div>
  457. {/block:Caption}{/block:Photoset}
  458.  
  459. {block:Quote}<div class="quote">"{Quote}"</div>
  460. {block:Source}<div class="qsource"> — <em>{Source}</em></div>
  461. {/block:Source}{/block:Quote}
  462.  
  463. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  464.  
  465. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  466.  
  467. {block:Audio}
  468. <div id= "audioplayer">{AudioPlayerWhite}</div>
  469. <div id="audioinfo">
  470. {block:TrackName}
  471. <div style="font-size:19px;font-weight:bold;font-family:arial;text-transform:lowercase;letter-spacing:-1px;">{TrackName}</div>
  472. {/block:TrackName}
  473. {block:Artist}
  474. {Artist}
  475. {/block:Artist}
  476. </div>
  477. <div class="caption">{Caption}</div>
  478. {/block:Audio}<br>
  479.  
  480. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  481.  
  482. {block:Answer}
  483. <div id="asker">{Asker}</div>
  484. <div id="askerimage"><img src="{AskerPortraitURL-24}"></div>
  485. <div class="q">{Question}</div>
  486. {Answer}
  487. {/block:Answer}
  488.  
  489. <div id="info">
  490. <a href="{Permalink}">{TimeAgo}</a> —
  491. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  492. {block:ContentSource}and <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  493. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  494. {NoteCount}</a>
  495. {block:HasTags}<div id="tags">
  496.  
  497. {block:Tags}<a href="/tagged/{Tag}">{Tag}</a>,&nbsp;{/block:Tags}
  498. </div>{block:HasTags}
  499. </div>
  500. </div>
  501. {/block:Posts}
  502. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  503. {/block:Posts}</div></div></div>
  504. <br><br><br><br>
  505.  
  506. </div>
  507. </body>
  508. </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!