API tools faq
paste
lakeffectkdss

hostage, theme 007

lakeffectkdss
Jul 9th, 2018
1,507
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 KB | None | 0 0
raw download clone embed print report
  1. <!--HOSTAGE; theme 007 by lakeffectkds
  2. base code credit goes to hawtornes.
  3.  
  4. RULES ; 01- do not steal bits and pieces of this code for your own.
  5. 02- do not edit this theme and claim it as your own or use it as a base code without my permission.
  6. 03- do not redistribute this theme as yours.
  7. 04- feel free to edit it as much as you want for personal use! feel free to show me any changes to make to it, i'll be more than happy to take a look!
  8. 05- actually, just feel free to hmu if you're using the theme, it's the best thing to see people liking it and using it on their blogs!
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head>
  15. <!---scripts!--->
  16.  
  17. <script type="text/javascript"
  18. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  19.  
  20. <script src="https://use.fontawesome.com/ff9d87e6db.js"></script>
  21.  
  22. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  23.  
  24. <!---end of scripts!--->
  25.  
  26. <title>{Title}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32.  
  33.  
  34. <meta name="color:background" content="#ffffff"/>
  35. <meta name="color:text" content="#a8a8a8"/>
  36. <meta name="color:desc text" content="#b8b8b8"/>
  37. <meta name="color:small container" content="#fff"/>
  38. <meta name="color:title" content="#f2f2f2"/>
  39. <meta name="color:containerbg" content="#cccccc"/>
  40.  
  41. <meta name="color:desc bg" content="#000000"/>
  42. <meta name="color:post bg" content="#000000"/>
  43. <meta name="color:post container" content="#000000"/>
  44.  
  45.  
  46. <meta name="color:bold" content="#000000"/>
  47. <meta name="color:italics" content="#000000"/>
  48.  
  49. <meta name="color:link" content="#000000"/>
  50. <meta name="color:navi links" content="#fff"/>
  51. <meta name="color:scrollbar" content="#000000"/>
  52. <meta name="color:scrollbar bg" content="#ffffff"/>
  53. <meta name="color:post links" content="#c0bfbf"/>
  54.  
  55. <meta name="color:chat bubble" content="#000000"/>
  56. <meta name="color:chat text" content="#000000"/>
  57. <meta name="image:sbar 1" content=""/>
  58. <meta name="image:link 1" content=""/>
  59. <meta name="image:link 2" content=""/>
  60. <meta name="image:link 3" content=""/>
  61. <meta name="image:link 4" content=""/>
  62. <meta name="image:background" content=""/>
  63. <meta name="text:link 1" content=""/>
  64. <meta name="text:link 2" content=""/>
  65. <meta name="text:link 3" content=""/>
  66. <meta name="text:link 4" content=""/>
  67.  
  68. <meta name="text:baby desc" content=""/>
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73.  
  74. /* IMESSAGE CHAT POST */
  75.  
  76. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:{color:chat bubble};color:{color:chat text};left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:chat bubble};border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:chat bubble};color:{color:chat text}}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:chat bubble};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  77. .asked p {
  78. text-align: left;
  79. margin: 0 0px 10px 0px;
  80. padding: 0;
  81. color: #666666;
  82. font-family: 'Inconsolata', Inconsolata;
  83. font-size: 12px;
  84. line-height: 0px;
  85. }
  86. .footerright .viasrc {
  87. float: left;
  88. }
  89. .asked a {
  90. margin:0;padding:0;
  91. }
  92. .user_4{background-color:{color:chat bubble};color:{color:chat text}}.user_4::after{border-color:{color:chat bubble}}.user_6{background-color:{color:chat bubble};color:{color:chat text}}.user_6::after{border-color:{color:chat bubble}}.user_5{background-color:{color:chat bubble};color:{color:chat text}}.user_5::after{border-color:{color:chat bubble}}.user_3{background-color:{color:chat bubble};color:{color:chat text}}.user_3::after{border-color:{color:chat bubble}}.user_7{background-color:{color:chat bubble};color:{color:chat text}}.user_7::after{border-color:{color:chat bubble}}.user_8{background-color:{color:chat bubble};color:{color:chat text}}.user_8::after{border-color:{color:chat bubble}}.user_9{background-color:{color:chat bubble};color:{color:chat text}}.user_9::after{border-color:{color:chat bubble}}
  93. .convo {
  94. overflow: hidden;
  95. list-style-type: none;
  96. padding: 0;
  97. margin: 0;
  98. }
  99.  
  100.  
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. height:auto;
  104. background-color:{color:scrollbar};
  105. }
  106.  
  107. ::-webkit-scrollbar {
  108. height:9px;
  109. width:2px;
  110. background-color:{color:scrollbar bg};
  111. }
  112.  
  113. body {
  114. background:{color:background};
  115. margin:0px;
  116. color:{color:text};
  117. font-family:arial;
  118. font-size:14px;
  119. overflow:hidden
  120. letter-spacing:0px;
  121. text-align:justify;
  122. -webkit-background-size: cover;
  123. -moz-background-size: cover;
  124. -o-background-size: cover;
  125. background-size: cover;
  126. }
  127.  
  128. a {
  129. text-decoration:none;
  130. outline:none;
  131. -moz-outline-style:none;
  132. color:{color:post links};
  133. }
  134.  
  135. img {
  136. border:none;
  137. }
  138.  
  139. blockquote {
  140. padding-left:5px;
  141. border-left:2px solid;
  142. }
  143.  
  144. blockquote blockquote {
  145. padding-left:5px;
  146. border-left:2px solid;
  147. }
  148.  
  149. h1 {
  150. font-size:14px;
  151. letter-spacing:0px;
  152. font-family:'Montserrat';
  153. font-style:none;
  154. line-height:10px;
  155. text-align:left;
  156. padding:0px;
  157. }
  158. h2 {
  159. font-size:16px;
  160. letter-spacing:-1px;
  161. font-family:'Montserrat';
  162. color:{color:bold};
  163. line-height:10px;
  164. text-align:left;
  165. padding:0px;
  166. }
  167. h3 {
  168. font-size:16px;
  169. letter-spacing:-1px;
  170. font-family:'Montserrat';
  171. color:{color:bold};
  172. line-height:10px;
  173. text-align:center;
  174. text-align:left;
  175. padding:3px;
  176. background-color:{color: post container};
  177. }
  178. b{
  179. font-size:auto;
  180. font-family:'Montserrat';
  181. color:{color:bold};
  182. }
  183. strong{
  184. font-size:auto;
  185. color:{color:bold};}
  186. i,em {
  187. font-size:auto;
  188. font-family:'Montserrat';
  189. color:{color:italics};
  190. }
  191.  
  192.  
  193. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; font-family: 'montserrat';}
  194. #fee {
  195. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); width:590px;
  196. margin-left:-118px;
  197. margin-top:50px;
  198. height: 520px;
  199. text-align:center;
  200. font-family:arial;
  201. letter-spacing:-1px;
  202. border-radius:10%;
  203. font-size:12px;
  204. z-index:-5;
  205. padding:5px;
  206. background-color:{color:containerbg};
  207. background-image:url('{image:background}');
  208.  
  209. }
  210.  
  211. /*CONTAINER*/
  212. #foo {
  213. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); width:520px;
  214. height: 460px;
  215. margin-left:-115px;
  216. border-radius:5%;
  217. margin-top: 50px;
  218. z-index:9999;
  219. padding:5px;
  220. background-color:{color:small container};
  221.  
  222. }
  223. #abt {
  224. text-align:justify;
  225. font-family:'calibri';
  226. width:470px;
  227. height:12px;
  228. margin-top:8px;
  229. margin-left:20px;
  230. padding-bottom:5px;
  231. padding-top:5px;
  232. font-size:8px;
  233. position:absolute;
  234. text-transform:uppercase;
  235. text-align:center;
  236. z-index:4;
  237. padding-left:10px;
  238. padding-right:10px;
  239. color:{color:desc text};
  240. background-color:{color:desc bg};
  241. }
  242.  
  243. /*ENTRIES*/
  244.  
  245. #entries {
  246. opacity:1;
  247. padding:0px;
  248. width:340px;
  249. z-index:-999;
  250. font-size:11px;
  251. font-family:'arial';
  252. letter-spacing:0px;
  253. height:300px;
  254. margin-top:-10px;
  255. padding:20px;
  256. overflow:auto;
  257. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  258.  
  259. }
  260. .post-img { width: 300px; height: auto; }
  261. #posts{
  262. width:300px;
  263. padding-bottom:40px;
  264. padding:15px;
  265. margin-left:5px;
  266. margin-bottom:10px;
  267. margin-top:5px;
  268. background-color:{color:post bg};
  269. z-index:99;
  270. }
  271.  
  272.  
  273. /*SIDE BAR*/
  274.  
  275. #sidebar {position:fixed; top:50%;left:50%; transform:translate(-50%,-50%);
  276. margin-left:0px;
  277. margin-top:-40px;
  278. margin-left:165px;
  279. z-index:-999999999999;
  280. }
  281.  
  282. #stuff{
  283. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); width:125px;
  284. height:300px;
  285. text-align:center;
  286. z-index:99999999999; transition:all 0.9s ease-in-out;box-sizing:border-box;
  287. opacity:1;
  288. }
  289.  
  290. #stuff img {width:95px;
  291. height:95px;
  292. margin-left:265px;
  293. margin-bottom:15px;
  294. margin-top:-15px;
  295. }
  296. #title{width:490px;height:70px;float:center;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:200px;text-align:left;font-family:'calibri';font-size:14px; margin-top:230px;margin-left:60px;
  297. position:fixed; top:50%;left:50%; transform:translate(-50%,-50%); color:{color:navi links};}
  298.  
  299.  
  300.  
  301. #description {
  302. text-align:justify;
  303. font-family:'calibri';
  304. width:73px;
  305. height:210px;
  306. overflow:auto;
  307. margin-top:145px;
  308. margin-left:414px;
  309. padding-top:0px;
  310. font-size:10px;
  311. position:absolute;
  312. text-transform:none;
  313. border-radius:5%;
  314. z-index:10;
  315. padding-left:10px;
  316. padding-right:10px;
  317. color:{color:desc text};
  318. background-color:{color:desc bg};
  319. }
  320.  
  321.  
  322. #pagination {
  323. padding:2px;
  324. font-family:'Montserrat';
  325. letter-spacing:0px;
  326. font-size:10px;
  327. text-align:center;
  328. margin-top:-40px;
  329. padding:2px;
  330. text-transform:lowercase;
  331. }
  332.  
  333.  
  334. /*POST INFO*/
  335.  
  336.  
  337. #info{height:auto ;padding-top:5px; display:block; padding-bottom:0px; width:auto; font-size:10px; font-family:arial; text-transform:uppercase;border-top:1px solid {color:Border}; text-align:left; }
  338.  
  339. #info a {
  340. text-align:center;
  341. color:{color:post links};
  342. }
  343.  
  344. #info a:hover {
  345. -moz-transition-duration:0.3s;
  346. -webkit-transition-duration:0.3s;
  347. -o-transition-duration:0.3s;
  348. color:{color:Hover}
  349. }
  350.  
  351. #tags {
  352. float:left;
  353. width:489px;
  354. margin-top:-7px;
  355. margin-left:-5px;
  356. text-align:left;
  357. font-size:7px;
  358. padding:5px;
  359. font-size:8px;
  360. opacity:1;
  361. transition-duration: 0.5s;
  362. -moz-transition-duration: 0.5s;
  363. -webkit-transition-duration: 0.5s;
  364. -o-transition-duration: 0.5s
  365. color:{color:post links};
  366. }
  367.  
  368. #tags a {
  369. letter-spacing:0px;
  370. font-size:8px;
  371. text-align:center;
  372. font-family:'CALIBRI';
  373. text-decoration:none;
  374. display:inline-block;
  375. color:#ddd;
  376. }
  377.  
  378. #tags a:hover {
  379. background-color:#fff;
  380. -moz-transition-duration:0.3s;
  381. -webkit-transition-duration:0.3s;
  382. -o-transition-duration:0.3s;
  383. color:{color:Hover};
  384. }
  385.  
  386. /*QUESTION*/
  387.  
  388. #ask {
  389. color:{color:text};
  390. padding:5px;
  391. font-family:'arial';
  392. font-size:10px;
  393. letter-spacing:0px;
  394. text-align:left;
  395. text-transform:lowercase;
  396. line-height:150%;
  397. background-color:{color:post container};
  398.  
  399. box-shadow: 0px 3px 0px {color:link};
  400. }
  401.  
  402. #ask a{color:{color:link};}
  403. #credit{
  404. font-size:10px;
  405. width:75px;
  406. height:30px;
  407. TEXT-ALIGN:CENTER;
  408. font-family:'montserrat';
  409. padding:3px;position:fixed; top:100%;left:0%; transform:translate(-40%,-100%); width:520px;
  410. }
  411.  
  412.  
  413. {CustomCSS}</style></head><body>
  414.  
  415.  
  416. </div>
  417. </div>
  418. <div id="stuff"><img src="{image:sbar 1}" style="border-radius:5%"></div>
  419. <div id="sidebar">
  420. <div id="sidebarimage">
  421. <div id="foo"> <div id="abt">{text:baby desc}</div>
  422. <div id="description"><span style="height:900px;overflow:auto;">{Description}</span>
  423. </div>
  424.  
  425. <img src="{image:link 1}" style="border-radius:100px; width:60px; height: 60px;margin-top:395px; margin-left:33px;">
  426. <img src="{image:link 2}"style="border-radius:100px; width:60px; height: 60px;margin-top:395px; margin-left:30px;">
  427. <img src="{image:link 3}"style="border-radius:100px; width:60px; height: 60px;margin-top:395px; margin-left:30px;">
  428. <img src="{image:link 4}"style="border-radius:100px; width:60px; height: 60px;margin-top:395px; margin-left:30px;">
  429.  
  430.  
  431.  
  432. <div class="pagination" style="margin-left:413px;margin-top:-95px; font-family:'Montserrat';text-transform:lowercase; font-size:11px;width:95px;text-align:center">
  433. {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:Pagination}{lang:Page CurrentPage of TotalPages}{/block:Pagination}
  434. {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}
  435. </div>
  436. </div>
  437. <div id="fee" style="color:{color:title}; font-family:'Montserrat'; font-size:19px; text-align:center"><strong style="color: {color:title};margin-top:-10px">{title}</strong></div>
  438.  
  439. </div>
  440. </div></div>
  441.  
  442.  
  443.  
  444. <div id="entries" style="background-color:{color:post container}; ">
  445. {block:posts}
  446. <div id="posts">
  447.  
  448. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  449.  
  450.  
  451. {block:Quote}<h1><span class="fa fa-quote-left FA-3X pull-left"> </span> {Quote} </h1><p style ="text-align:right;"><p style ="text-align:right;">{Source}</p>{/block:Quote}
  452.  
  453. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  454. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  455.  
  456. {block:Photo}<center><img src="{PhotoURL-500}" class="post-img"/></center>
  457. {/block:Photo}
  458.  
  459. {block:Photoset}
  460. {block:Photos}
  461. <img src="{PhotoURL-500}" class="post-img" />
  462. {/block:Photos}
  463. {/block:Photoset}
  464.  
  465. {block:Chat}
  466. {block:Title}
  467. <h1>{Title}</h1>{/block:Title}<br>
  468. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  469. {Line}</li>{/block:Lines}</ul>
  470. {/block:Chat}
  471.  
  472.  
  473.  
  474. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  475.  
  476. {block:Answer}<div id="ask"><span class="fa fa-quote-left FA-2X pull-left" style="margin-top:10px;"> </span><h3 style="color:{color:text}"><i style="color {color:text}">{Asker} whispered: </i>{Question}</h3></div>{Answer}{/block:Answer}
  477.  
  478.  
  479.  
  480. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerwHITE}{/block:AudioPlayer}</div></div>
  481.  
  482. {block:Caption}{Caption}{/block:Caption}
  483.  
  484. <center><div id="info">{block:Date}<a href="{Permalink}"> <a href="{ReblogURL}" target="_blank" class="details"> <b><span class= "fa fa-refresh"></span> reblog </b></a> / <a href="{Permalink}"> posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes}{AmPm}</a{/block:Date}<i class= "fa fa-calendar " ></i>{block:RebloggedFrom} ( <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}{block:ContentSource} &nbsp; <a href="{SourceURL}">Source</a> {/block:ContentSource}{block:RebloggedFrom} ){/block:RebloggedFrom}{block:NoteCount} <i>with</i> <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</center><p>
  485. <center>{block:HasTags}{block:Tags} <i class="fa fa-tags"></i> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
  486. <br /></div>
  487. {/block:Posts}
  488. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  489. </div>
  490.  
  491. </div>
  492. </div>
  493.  
  494. </body>
  495.  
  496.  
  497. </div></div> <div id="credit"><b><a href="http://lakeffectkds.tumblr.com">coded by <i><big>alex </big></i></a></b></div></body>
  498.  
  499. <div id="title"><b style=""><a href="{text:link 1}" style="margin-left:118px;color:{color:navi links}">uno</a> <a href="{text:link 2}"style="margin-left:64px;color:{color:navi links}">dos</a> <a href="{text:link 3}"style="margin-left:60px;color:{color:navi links}">tres <a href="{text:link 4}"style="margin-left:55px;color:{color:navi links}">cuatro </a> </b></div> </span></small></div>
  500.  
  501.  
  502. </html>
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!