API tools faq
paste
Advertisement
khalisar

i'm with you till the end of the line

khalisar
Aug 18th, 2014
272
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.58 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. <!--theme 4 by quietwillfall
  4. please do not remove credit
  5. thank you-->
  6.  
  7. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  8.  
  9. <style>
  10. div#qTip {
  11. padding: 4px;
  12. display: none;
  13. font-style:none;
  14. text-align: center;
  15. position: absolute;
  16. font-size:10px;
  17. line-height:10px;
  18. font-family:arial;
  19. z-index: 1000;
  20. background:black;
  21. z-index: 9999999;
  22. color: white;
  23. letter-spacing: 1px;
  24. }
  25. </style>
  26.  
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29. <head>
  30.  
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36.  
  37. <meta name="color:Text" content="#bbbbbb"/>
  38. <meta name="color:Link" content="#aaaaaa"/>
  39. <meta name="color:Tags" content="#cccccc"/>
  40. <meta name="text:bigletter" content="">
  41. <meta name="color:Hover" content="#f1f1f1"/>
  42. <meta name="color:Line" content="#f2f2f2"/>
  43. <meta name="color:Border" content="#eeeeee"/>
  44. <meta name="color:scrollbarbg" content="ffffff"/>
  45. <meta name="color:title" content="#000"/>
  46. <meta name="color:background" content="#fff"/>
  47.  
  48. <meta name="image:sidebar" content=""/>
  49. <meta name="text:sidebar title" content="/"/>
  50. <meta name="image:bg" content=""/>
  51.  
  52. <meta name="text:Link 1 URL" content="" />
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:Link 2 URL" content="" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 3 URL" content="" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:Link 4 URL" content="" />
  59. <meta name="text:Link 4" content="" />
  60. <meta name="text:Link 5 URL" content="" />
  61. <meta name="text:Link 5" content="" />
  62.  
  63. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  64.  
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
  68. ::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
  69. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
  70.  
  71. *, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  72.  
  73.  
  74.  
  75. ::-webkit-scrollbar {
  76. width: 5px;height: 5px;}
  77. ::-webkit-scrollbar-button:start:decrement,
  78. ::-webkit-scrollbar-button:end:increment {
  79. height: 6px;display: block;background-color: {color:white};}
  80. ::-webkit-scrollbar-track-piece {
  81. background-color: {color:scrollbarbg};}
  82. ::-webkit-scrollbar-thumb:vertical {
  83. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  84.  
  85.  
  86.  
  87.  
  88.  
  89. body {
  90. background:{color:background};
  91. margin:0%;
  92. color:{color:text};
  93. font-family:arial;
  94. font-size:9px;
  95. line-height:100%;
  96. }
  97.  
  98. a {
  99. text-decoration:none;
  100. -moz-outline-style:none;
  101. color:{color:link};
  102. -moz-transition-duration:1s;
  103. -webkit-transition-duration:1s;
  104. -o-transition-duration:1s;
  105.  
  106. }
  107.  
  108. img {
  109. border:none;
  110. }
  111.  
  112.  
  113. h1 {
  114. font-size:12px;
  115. text-transform:uppercase;
  116. }
  117.  
  118. blockquote {
  119. padding-left:5px;
  120. border-left:2px solid;
  121. }
  122.  
  123. blockquote blockquote {
  124. padding-left:5px;
  125. border-left:2px solid;
  126. }
  127.  
  128.  
  129. a:hover {
  130. opacity:1;
  131. color:{color:hover};
  132. -webkit-transition: all 0.5s ease;
  133. -moz-transition: all 0.5s ease;
  134. -o-transition: all 0.5s ease
  135. }
  136.  
  137.  
  138. #sidebar {
  139. position:fixed;
  140. width:120px;
  141. margin-left:80px;
  142. margin-top:100px;
  143. opacity:1;
  144. }
  145.  
  146. #sidebarimage {
  147.  
  148. margin-left: 130px;
  149. }
  150.  
  151. #sidebarimage img {
  152. width: 190px;
  153. height:190px;
  154. overflow:hidden;
  155. padding:8px;
  156. padding-bottom:13px;
  157.  
  158. }
  159.  
  160. @font-face {font-family:'blog title';
  161. src:url('http://static.tumblr.com/sas2ex2/fj6mr4m97/amperzand.ttf');}
  162.  
  163. #stitle {
  164. width:136px;
  165. padding:27px;
  166. padding-top:21px;
  167. padding-bottom:21px;
  168. font-size:19px;
  169. margin-top:3px;
  170. font-family:arial;
  171. text-align:center;
  172. letter-spacing:2px;
  173. height:70px;
  174. word-spacing:1px;
  175. margin-left:138px;
  176. font-weight:bold;
  177. line-height:130%;
  178. color:{color:title};
  179. text-transform:lowercase;
  180. background-color:#000;
  181. -moz-transition-duration:1s;
  182. -webkit-transition-duration:1s;
  183. -o-transition-duration:1s;
  184. -webkit-transition: all 0.5s ease-in-out;
  185. -moz-transition: all 0.5s ease-in-out;
  186. -o-transition: all 0.5s ease-in-out;
  187. -ms-transition: all 0.5s ease-in-out;
  188. -transition: all 0.5s ease-in-out;
  189. }
  190.  
  191. #stitle:hover {
  192. color:{color:hover};
  193.  
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. #stitle a{
  200. text-align:center;
  201. }
  202.  
  203. #desc:hover #stitle {
  204. height:65px;
  205. -webkit-transition: all 0.5s ease-in-out;
  206. -moz-transition: all 0.5s ease-in-out;
  207. -o-transition: all 0.5s ease-in-out;
  208. -ms-transition: all 0.5s ease-in-out;
  209. -transition: all 0.5s ease-in-out;
  210. }
  211.  
  212.  
  213. #desc {
  214. position:fixed;
  215. background-color:#FFFFFF;
  216. margin-top:-116px;
  217. margin-left:138px;
  218. font-family:Inconsolata;
  219. line-height:17px;
  220. font-size:11px;
  221. font-style:normal;
  222. letter-spacing:0px;
  223. word-spacing:2px;
  224. width:150px;
  225. height:0px;
  226. opacity:0;
  227. padding:15px 20px 25px 20px;
  228. text-align:justify;
  229. color:#000;
  230. -webkit-transition: all 0.7s ease-in-out;
  231. -moz-transition: all 0.7s ease-in-out;
  232. -o-transition: all 0.7s ease-in-out;
  233. -ms-transition: all 0.7s ease-in-out;
  234. -transition: all 0.7s ease-in-out;
  235. }
  236.  
  237. #desc:hover {
  238. color:#000;
  239. opacity:1;
  240. height:80px;
  241. line-height:17px;
  242. -webkit-transition: all 0.5s ease-in-out;
  243. -moz-transition: all 0.5s ease-in-out;
  244. -o-transition: all 0.5s ease-in-out;
  245. -ms-transition: all 0.5s ease-in-out;
  246. -transition: all 0.5s ease-in-out;
  247. }
  248.  
  249.  
  250. #bigletter {
  251. padding: 7px;
  252. color: #fff;
  253. background:#000;
  254. font-size: 15px;
  255. font-family: arial;
  256. text-transform:uppercase;
  257. font-style: none;
  258. float: left;
  259. font-weight:bold;
  260. margin-right:5px;
  261. margin-top:-7px;
  262. line-height: 90%;
  263. padding-top:5px;
  264. padding-bottom:5px;
  265.  
  266. }
  267.  
  268.  
  269. #links {
  270. font-size:9px;
  271. color:#000;
  272. text-transform:uppercase;
  273. font-weight:300;
  274. letter-spacing:0px;
  275. position:absolute;
  276. width:115px;
  277. float:right;
  278. margin-left:167px;
  279. background:rgba(255,255,255,.5);
  280. background-color:#fff;
  281. margin-top:-178px;
  282. opacity:.9;
  283.  
  284.  
  285. }
  286.  
  287.  
  288. #links a {
  289. background:rgba(255,255,255,.5)
  290. text-align:left;
  291. padding:6px;
  292. line-height:13px;
  293. display:block;
  294. color:#000;
  295. text-decoration:none;
  296. letter-spacing:3px;
  297. }
  298. #links a:hover {background:rgba(255,255,255,.9);padding-left:17px;padding-right:0px;color:#bdbdbd;background-color:#000;}
  299.  
  300.  
  301. #butt {position:fixed;
  302. background:rgba(255,255,255,.65);
  303. height:26px;
  304. width:21px;
  305. line-height:25px;
  306. padding-left:6px;
  307. padding-top:2px;
  308. margin-top:-57px;
  309. cursor:pointer;
  310. font-size:25px;
  311. margin-left:294px;
  312. letter-spacing:3px;
  313. opacity:1;
  314. color:#fff;
  315. background-color:#000;
  316. border-radius:5px;
  317. -webkit-transition:all 0.6s;
  318. -moz-transition:all 0.6s;
  319. -ms-transition:all 0.6s;
  320. -o-transition:all 0.6s;
  321. transition:all 0.6s; }
  322.  
  323. #butt:hover {opacity:1;
  324. -webkit-transition:all 0.6s;
  325. -moz-transition:all 0.6s;
  326. -ms-transition:all 0.6s;
  327. -o-transition:all 0.6s;
  328. transition:all 0.6s; }
  329.  
  330.  
  331.  
  332.  
  333.  
  334. #pagination {
  335. position:absolute;
  336. font-size:10px;
  337. padding:70px 0 50px 0;
  338. color:{color:link};
  339. text-transform:lowercase;
  340. text-align:center;
  341. font-style:normal;
  342. margin-left:60%;
  343. }
  344.  
  345. #pagination a {
  346. word-spacing:5px;
  347. text-align:center;
  348. letter-spacing:1px;
  349. text-transform:uppercase;
  350. display:inline-block;
  351. }
  352.  
  353.  
  354. #all {
  355. padding:10px;
  356. width:500px;
  357. margin-left:40%;
  358. margin-top:50px;
  359. font-size:10px;
  360. }
  361.  
  362.  
  363.  
  364. #posts {
  365. width:500px;
  366. padding-bottom:100px;
  367. margin-top:60px;
  368. background-color:{color:Post};
  369.  
  370. }
  371.  
  372. #posts a {
  373. padding-bottom:100px;
  374. }
  375.  
  376. .note {
  377. padding:0px 20px 0px 20px;
  378. background-color:#fff;
  379. text-transform:lowercase;
  380. letter-spacing:0px;
  381. font-size: 11px;
  382. font-style:normal;
  383. text-align:left;
  384. line-height:120%;
  385. }
  386.  
  387. .note li {
  388. list-style-type:none;
  389. padding:5px 25px 5px 25px;
  390. text-align:left;
  391. margin-right:30px;
  392. margin-top:-50px;
  393. }
  394.  
  395. #details {
  396. font-family:arial;
  397. text-align:center;
  398. margin-top:0px;
  399. padding:6px;
  400. padding-top:3px;
  401. padding-bottom:10px;
  402. text-transform:none;
  403. font-style:none;
  404. font-size:10px;
  405. line-height:100%;
  406. background-color:#ebebeb;
  407. border:1px solid #a4a4a4;
  408.  
  409. }
  410.  
  411. #RebloggedFrom {
  412. font-family:arial;
  413. text-align:center;
  414. margin-top:-5px;
  415. padding-bottom:0px;
  416. text-transform:none;
  417. font-style:none;
  418. font-size:10px;
  419. }
  420.  
  421. #tags {
  422. font-family:arial;
  423. text-align:left;
  424. margin-top:5px;
  425. opacity:1;
  426. padding:5px;
  427. padding-bottom:0px;
  428. text-transform:none;
  429. font-style:none;
  430. font-size:11px;
  431. background-color:white;
  432. }
  433.  
  434. #tags a{
  435. border-bottom:1.5px solid;
  436. }
  437.  
  438.  
  439. #question {
  440. padding:8px;
  441. font-family:arial;
  442. letter-spacing:2px;
  443. text-align:right;
  444. font-style:italic;
  445. border:3px {color:border} solid;
  446. color:{color:text};
  447. background-color:{color:background}
  448. }
  449.  
  450. #ask {
  451. float:left;
  452. margin-left:10px;
  453. }
  454.  
  455. #asker {
  456. float:left;
  457. margin-right:10px;
  458. padding-right:5px;
  459. background-color:#fff;
  460. }
  461.  
  462. #asker img {
  463. padding:2px;
  464. -webkit-filter:grayscale(0);
  465. }
  466.  
  467. #asks {
  468. padding:10px;
  469. width:480px;
  470. height:101%;
  471. font-weight:bold;
  472. background:{color:Accent2};
  473. text-align:left;
  474. font-size:9px;
  475. letter-spacing:1px;
  476. text-transform:uppercase;
  477. color:{color:Accent1};
  478. overflow:hidden;
  479. }
  480.  
  481. #asks a {
  482. color:{color:Accent3};
  483. }
  484.  
  485. #asks a:hover {
  486. color:{color:Accent1};
  487. }
  488.  
  489. #question {
  490. text-transform:none;
  491. font-weight:normal;
  492. letter-spacing:2px;
  493. margin-top:2px;
  494. padding-left:10px;
  495. text-align:left;
  496. color:{color:Accent3};
  497. }
  498.  
  499. #answer {
  500. margin-top:-10px;;
  501. }
  502.  
  503. .player {
  504. width:25px;
  505. height:25px;
  506. overflow:hidden;
  507. margin-left:15px;
  508. padding-top:15px;
  509. z-index:2;}
  510.  
  511. .audioinfo {
  512. text-align:center;
  513. z-index:2;
  514. position:absolute;
  515. color:white;
  516. padding-top:17px;
  517. letter-spacing:1px;
  518. width:280px;
  519. line-height:120%;
  520. margin-left:100px;
  521. }
  522.  
  523.  
  524. .playerback {height:60px;
  525. width:100%;
  526. background-color:black;
  527. color:#fff;
  528. }
  529.  
  530. #credit {
  531. font-size:9px;
  532. font-family:arial;
  533. font-style:italic;
  534. letter-spacing:1px;
  535. -moz-transition-duration:0.5s;
  536. -webkit-transition-duration:0.5s;
  537. -o-transition-duration:0.5s;
  538. }
  539.  
  540. #credit a {
  541. background-color:#fff;
  542. padding:5px;
  543. border:1px solid #e9e9e9;
  544. position:fixed;
  545. right:15px;
  546. bottom:10px
  547. }
  548.  
  549. #credit a:hover {
  550. color:#fff;
  551. background-color:#000;
  552. -moz-transition-duration:0.5s;
  553. -webkit-transition-duration:0.5s;
  554. -o-transition-duration:0.5s;
  555. }
  556.  
  557.  
  558. {CustomCSS}
  559.  
  560.  
  561. </style>
  562.  
  563. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  564. <script type="text/javascript">
  565. jQuery(document).ready(function() {
  566. jQuery("#links").hide();
  567. //toggle the componenet with class msg_body
  568. jQuery("#butt").click(function()
  569. {
  570. jQuery(this).next("#links").slideToggle(700);
  571. });});
  572. </script>
  573.  
  574.  
  575.  
  576. </head><body>
  577.  
  578.  
  579.  
  580.  
  581. <div id="sidebar">
  582. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  583.  
  584. <div id="butt">
  585. +</div>
  586. <div id="links">
  587. <a href="/">home</a>
  588. <a href="/ask">Message</a>
  589. <a href="{text:link1 url}" title="{text:link1}">.02</a>
  590. <a href="{text:link2 url}" title="{text:link2}">.03</a>
  591. <a href="{text:link3 url}" title="{text:link3}">.04</a>
  592. <a href="{text:link4 url}" title="{text:link4}">.05</a>
  593. </div>
  594.  
  595.  
  596.  
  597.  
  598.  
  599. <div id="stitle">{Title}</div>
  600. <div id="desc"><div id="bigletter">
  601. {text:bigletter}</div>{Description}</div>
  602. </div>
  603. </div>
  604. </div>
  605. <div id="all">{block:Posts}<div id="posts">
  606.  
  607. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  608.  
  609. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  610.  
  611. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  612.  
  613. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  614.  
  615. {block:Quote}{Quote}{/block:Quote}
  616.  
  617. {block:Audio}
  618.  
  619. <div class="audioinfo">
  620. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  621. </div>
  622. <div class="playerback">
  623. <div class="player">{AudioPlayerBlack}</div>
  624. </div>
  625. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  626.  
  627.  
  628. {/block:Audio}
  629.  
  630. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  631.  
  632. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  633.  
  634.  
  635. {block:Answer}<div id="asks"><div id="asker"><img src="{AskerPortraitURL-24}"></div><div id="ask">{Asker} asked:</div><div id="question">{Question}</div></div><br><div id="answer">{Answer}</div>{/block:Answer}
  636.  
  637.  
  638. <div id="details">
  639. <br><a href="{Permalink}" ><b>{12Hour}:{Minutes}</b> / <b>{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}</b></a> •{block:RebloggedFrom} <a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom} •{block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}"> source</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} +<a href="{Permalink}" style="font-weight:bold"> {NoteCount}</a>
  640. </div>{block:HasTags}<div id="tags" style="font-weight:bold">+{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  641. {/block:Posts}
  642. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  643. {/block:Posts}</div></div></div>
  644.  
  645.  
  646. <div id="pagination">
  647.  
  648. {block:Pagination}
  649. {block:PreviousPage}
  650. <a href="{PreviousPage}">&larr; back /</a>
  651. {/block:PreviousPage}
  652. {block:NextPage}
  653. <a href="{NextPage}"> next&rarr;</a>
  654. {/block:NextPage}
  655. {/block:Pagination}
  656. {/block:Posts}
  657. </div>
  658. </div>
  659. </div>
  660. <div id="credit" data="credit"> <a href="http://winterfell.co.vu">©</a></div>
  661.  
  662.  
  663. </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!