API tools faq
paste
azurethemes

050 - true friends

azurethemes
Sep 7th, 2015
531
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.48 KB | None | 0 0
raw download clone embed print report
  1. <!---- - START HTML / DONT TOUCH!!! - --->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  5.  
  6. <script type="text/javascript">
  7. WebFontConfig = {
  8. google: { families: [ 'Roboto700::latin', 'Roboto::latin' , 'Abel::latin', 'Archivo+Narrow::latin', 'Quicksand::latin' , 'Josefin+Sans::latin', 'Fira+Sans::latin' , 'Ek+Mukta::latin'] }
  9. };
  10. (function() {
  11. var wf = document.createElement('script');
  12. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  13. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  14. wf.type = 'text/javascript';
  15. wf.async = 'true';
  16. var s = document.getElementsByTagName('script')[0];
  17. s.parentNode.insertBefore(wf, s);
  18. })(); </script>
  19.  
  20. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  21.  
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("a[title]").style_my_tooltips({
  28. tip_follows_cursor:true,
  29. tip_delay_time:90,
  30. tip_fade_speed:600,
  31. attribute:"title"
  32. });
  33. });
  34. })(jQuery);
  35. </script>
  36. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  37. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  38. <head>
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  44.  
  45. <!----
  46.  
  47. _ _ _
  48. (_) | | | |
  49. _ _ __ ___ ______| |__ __ _| |___ ___ _ _
  50. | | '_ ` _ \______| '_ \ / _` | / __|/ _ \ | | |
  51. | | | | | | | | | | | (_| | \__ \ __/ |_| |
  52. |_|_| |_| |_| |_| |_|\__,_|_|___/\___|\__, |
  53. __/ |
  54. |___/
  55.  
  56. _ _
  57. | | | |
  58. | |_| |__ ___ _ __ ___ ___ ___
  59. | __| '_ \ / _ \ '_ ` _ \ / _ \/ __|
  60. | |_| | | | __/ | | | | | __/\__ \
  61. \__|_| |_|\___|_| |_| |_|\___||___/
  62.  
  63.  
  64.  
  65.  
  66. ᵗʰᵉᵐᵉ ₀₅₀
  67.  
  68. "тrυe ғrιeɴdѕ"
  69.  
  70. ᵗʰᶤˢ ᵗʰᵉᵐᵉ ʷᵃˢ ᵐᵃᵈᵉ ᵇʸ ᶤᵐ⁻ʰᵃˡˢᵉʸ / ᵖʳᵉᵛˑ ᵃᶻᵘʳᵉᵒᶠʳᵖ
  71. ᵖˡᵉᵃˢᵉ ʳᵉˢᵖᵉᶜᵗ ᵐʸ ᵗʰᵉᵐᵉ ʳᵘˡᵉˢ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  72. ᶤ ᵈᵒᶰᵗ ᵉˣᵖᵉᶜᵗ ᵐᵘᶜʰ ᶠʳᵒᵐ ᵘ ᵇᵘᵗ ᵖˡˢ ᵏᵉᵉᵖ ᵗʰᵉ ᶜʳᵉᵈᶤᵗ ᵃᶰᵈ ᵈᵒᶰᵗ ᵇᵉ ᵃ ᵈᶤᶜᵏ
  73. ᵃᶰᵈ ᵈᵒᶰᵗ ˢᵗᵉᵃˡ ᵃᶰʸᵗʰᶤᶰᵍ :⁾
  74.  
  75.  
  76.  
  77.  
  78.  
  79.  
  80. --->
  81.  
  82.  
  83. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  84.  
  85. <meta name="color:title text" content="#ffffff"/>
  86. <meta name="color:italic text" content="#000000">
  87. <meta name="color:bold text" content="#000000">
  88. <meta name="color:text" content="#000000"/>
  89. <meta name="color:post text" content="#ffffff"/>
  90.  
  91. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  92.  
  93. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  94. <meta name="color:hover" content="#888888">
  95. <meta name="color:links" content="#000000"/>
  96. <meta name="color:top links" content="#ffffff"/>
  97. <meta name="color:accent" content="#cccccc"/>
  98. <meta name="color:border" content="#0000000"/>
  99. <meta name="color:scrollbar" content="#000000">
  100.  
  101.  
  102. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  103.  
  104. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  105.  
  106. <meta name="color:blockquote border" content="#211927">
  107.  
  108. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  109.  
  110. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  111.  
  112. <meta name="color:background" content="#ffffff"/>
  113. <meta name="color:blockquote background" content="#eeeeee">
  114. <meta name="color:box background" content="#000000">
  115. <meta name="color:description background" content="#ffffff"/>
  116. <meta name="color:post background" content="#ffffff">
  117. <meta name="color:title background" content="#000000">
  118. <meta name="color:question background" content="#eeeeee">
  119. <meta name="color:scrollbar background" content="#ffffff">
  120.  
  121. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  122. <!---- - START IMAGES / DONT TOUCH!!! - --->
  123.  
  124. <meta name="image:background" content=""/>
  125. <meta name="image:header" content=""/>
  126. <meta name="image:sidebar" content=""/>
  127. <meta name="image:member" content=""/>
  128.  
  129.  
  130. <!---- - END IMAGES / DONT TOUCH!!! - --->
  131.  
  132.  
  133. <!---- - START TEXT / DONT TOUCH!!! - --->
  134.  
  135. <meta name="text:about member" content="">
  136. <meta name="text:about user" content="">
  137. <meta name="text:what i do" content="">
  138. <meta name="text:faq" content="">
  139. <meta name="text:title" content="">
  140. <meta name="text:box 1 title" content="">
  141. <meta name="text:box 2 title" content="">
  142. <meta name="text:box 3 title" content="">
  143. <meta name="text:box 4 title" content="">
  144. <meta name="text:box 5 title" content="">
  145. <meta name="text:box 6 title" content="">
  146. <meta name="text:box 7 title" content="">
  147.  
  148. <!---- - END TEXT / DONT TOUCH!!! - --->
  149.  
  150. <!---- - START LINKS / DONT TOUCH!!! - --->
  151.  
  152.  
  153. <meta name="text:link 1" content="Link 1">
  154. <meta name="text:link 2" content="Link 2">
  155. <meta name="text:link 3" content="Link 3">
  156. <meta name="text:link 4" content="Link 4">
  157.  
  158. <meta name="text:link 1 url" content="/">
  159. <meta name="text:link 2 url" content="/">
  160. <meta name="text:link 3 url" content="/">
  161. <meta name="text:link 4 url" content="/">
  162.  
  163. <!---- - END LINKS / DONT TOUCH!!! - --->
  164.  
  165. <style type="text/css">
  166.  
  167.  
  168.  
  169. ::-webkit-scrollbar-thumb {
  170. height:auto;
  171. background-color:{color:scrollbar};
  172. }
  173. ::-webkit-scrollbar {
  174. height:9px;
  175. width:6px;
  176. border-top:7px solid {color:text};
  177. border-bottom:7px solid {color:text};
  178. background-color:{color:scrollbar background};
  179. }
  180. #s-m-t-tooltip {
  181. max-width:300px;
  182. margin:10px 0px 0px 10px;
  183. padding:5px;
  184. font-weight:nobe;
  185. background-color:{color:accent};
  186. box-shadow:5px 5px 0px {color:border};
  187. font-family: 'Ek Mukta', sans-serif;
  188. font-size:10px;
  189. text-transform:uppercase;
  190. letter-spacing:0px;
  191. color:{color:text};
  192. z-index:999999999999999999999999999999999999;
  193. }
  194. body {
  195. background-color:{color:background};
  196. background-image:url('{image:background}');
  197. background-attachment: fixed;
  198. background-repeat: repeat;
  199. font-weight:none;
  200. font-family: 'Ek Mukta', sans-serif;
  201. font-size:10px;
  202. text-align:justify;
  203. color:{color:text};
  204. margin:0;
  205. }
  206. a {
  207. text-decoration:none;
  208. color:{color:links};
  209. transition-duration: 0.2s;
  210. -moz-transition-duration: 0.2s;
  211. -webkit-transition-duration: 0.3s;
  212. -o-transition-duration: 0.3s;
  213. }
  214. a:hover {
  215. text-decoration:none;
  216. color:{color:hover};
  217. transition-duration: 0.2s;
  218. -moz-transition-duration: 0.2s;
  219. -webkit-transition-duration: 0.3s;
  220. -o-transition-duration: 0.3s;
  221. }
  222. img {
  223. border:none;
  224. }
  225. blockquote {
  226. font-size:10px;
  227. max-width:545px;
  228. border-left:1px solid{color:blockquote border};
  229. background-color:{color:blockquote background};
  230. text-align:left;
  231. padding:5px;
  232. font-weight:none;
  233. margin-left:5px;
  234. margin-right:5px;
  235. padding-left:5px;
  236. color:{color:text};
  237. }
  238. pre{
  239. font-size:9px;
  240. text-align:center;
  241. text-transform:none;
  242. font-family: 'Quicksand', sans-serif;
  243. font-weight:bold;
  244. line-height:9px;
  245. border-left:1px solid {color:blockquote border};
  246. border-bottom:1px solid {color:blockquote border};
  247. letter-spacing:2px;
  248. background-color:{color:blockquote background};
  249. color:{color:text};
  250. padding:6px;
  251. }
  252. small{
  253. font-size:9px;
  254. }
  255. big{
  256. font-size:9px;
  257. }
  258. sub{
  259. font-size:9px;
  260. }
  261. h1 {
  262. font-size:17px;
  263. text-align:center;
  264. font-family: 'Quicksand', sans-serif;
  265. letter-spacing:1px;
  266. text-transform:uppercase;
  267. font-weight:none;
  268. border-bottom:1px solid {color:accent};
  269. color:{color:text};
  270. padding:6px;
  271. }
  272. h1 a{
  273. color:{color:text};
  274. }
  275. h2{
  276. color:{color:text};
  277. text-transform:uppercase;
  278. text-decoration:underline;
  279. font-family: 'Quicksand', sans-serif;
  280. text-shadow: 1px 1px 0px #ddd;
  281. text-align:left;
  282. }
  283. b {
  284. font-weight:bold;
  285. padding:2px;
  286. font-family:arial;
  287. color:{color:bold text};
  288. }
  289. i {
  290. font-weight:italic;
  291. color:{color:italic text};
  292. }
  293. u {
  294. text-decoration:none;
  295. border-bottom:1px solid {color:accent};
  296. }
  297. #description {
  298. overflow:auto;
  299. position:absolute;
  300. text-align:left;
  301. top:280px;
  302. margin-left:520px;
  303. text-transform:none;
  304. font-style:normal;
  305. font-family: 'Ek Mukta', sans-serif;
  306. width:341px;
  307. height:100px;
  308. opacity:1;
  309. line-height:10px;
  310. box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
  311. font-weight:none;
  312. color:{color:text};
  313. background:{color:description background};
  314. padding:17px;
  315. letter-spacing:0px;
  316. font-size:10px;
  317. z-index:999999999999;
  318. transition-duration: 0.9s;
  319. -moz-transition-duration:0.9s;
  320. -webkit-transition-duration:0.9s;
  321. -o-transition-duration:0.9s;
  322. }
  323. #description::-webkit-scrollbar-thumb {
  324. height:5px;
  325. background-color:{color:scrollbar};
  326. }
  327. #description::-webkit-scrollbar {
  328. height:10px;
  329. width:6px;
  330. background:none;
  331. }
  332. #boxx {
  333. overflow:hidden;
  334. position:absolute;
  335. text-align:center;
  336. top:412px;
  337. margin-left:680px;
  338. text-transform:none;
  339. font-style:normal;
  340. font-family: 'arial', sans-serif;
  341. width:25px;
  342. height:5px;
  343. opacity:1;
  344. line-height:0px;
  345. box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
  346. border-radius:0px 0px 40px 40px;
  347. font-weight:none;
  348. color:{color:text};
  349. background:{color:description background};
  350. padding:17px;
  351. letter-spacing:0px;
  352. font-size:28px;
  353. z-index:9999999999;
  354. transition-duration: 0.9s;
  355. -moz-transition-duration:0.9s;
  356. -webkit-transition-duration:0.9s;
  357. -o-transition-duration:0.9s;
  358. }
  359. #about-text {
  360. overflow:auto;
  361. position:absolute;
  362. text-align:left;
  363. top:1111px;
  364. margin-left:120px;
  365. text-transform:none;
  366. font-style:normal;
  367. font-family: 'Ek Mukta', sans-serif;
  368. width:346px;
  369. height:100px;
  370. opacity:1;
  371. line-height:10px;
  372. border-bottom:1px solid {color:accent};
  373. border-left:1px solid {color:accent};
  374. border-right:1px solid {color:accent};
  375. font-weight:none;
  376. color:{color:text};
  377. background:{color:description background};
  378. padding:17px;
  379. letter-spacing:0px;
  380. font-size:10px;
  381. z-index:99;
  382. transition-duration: 0.9s;
  383. -moz-transition-duration:0.9s;
  384. -webkit-transition-duration:0.9s;
  385. -o-transition-duration:0.9s;
  386. }
  387. #about-text::-webkit-scrollbar-thumb {
  388. height:5px;
  389. background-color:{color:scrollbar};
  390. }
  391. #about-text::-webkit-scrollbar {
  392. height:10px;
  393. width:6px;
  394. background:none;
  395. }
  396. #affiliates {
  397. overflow:auto;
  398. position:absolute;
  399. text-align:center;
  400. top:1321px;
  401. margin-left:120px;
  402. text-transform:none;
  403. font-style:normal;
  404. font-family: 'Ek Mukta', sans-serif;
  405. width:346px;
  406. height:100px;
  407. opacity:1;
  408. line-height:34px;
  409. border-bottom:1px solid {color:accent};
  410. border-left:1px solid {color:accent};
  411. border-right:1px solid {color:accent};
  412. font-weight:none;
  413. color:{color:text};
  414. background:{color:description background};
  415. padding:17px;
  416. letter-spacing:5px;
  417. font-size:10px;
  418. z-index:99;
  419. transition-duration: 0.9s;
  420. -moz-transition-duration:0.9s;
  421. -webkit-transition-duration:0.9s;
  422. -o-transition-duration:0.9s;
  423. }
  424. #affiliates img{
  425. width:65px;
  426. height:65px;
  427. }
  428. #members {
  429. overflow:auto;
  430. position:absolute;
  431. text-align:left;
  432. top:1526px;
  433. margin-left:120px;
  434. text-transform:none;
  435. font-style:normal;
  436. font-family: 'Ek Mukta', sans-serif;
  437. width:346px;
  438. height:100px;
  439. opacity:1;
  440. line-height:10px;
  441. border-bottom:1px solid {color:accent};
  442. border-left:1px solid {color:accent};
  443. border-right:1px solid {color:accent};
  444. font-weight:none;
  445. color:{color:text};
  446. background:{color:description background};
  447. padding:17px;
  448. letter-spacing:0px;
  449. font-size:10px;
  450. z-index:99;
  451. transition-duration: 0.9s;
  452. -moz-transition-duration:0.9s;
  453. -webkit-transition-duration:0.9s;
  454. -o-transition-duration:0.9s;
  455. }
  456. #members::-webkit-scrollbar-thumb {
  457. height:5px;
  458. background-color:{color:scrollbar};
  459. }
  460. #members::-webkit-scrollbar {
  461. height:10px;
  462. width:6px;
  463. background:none;
  464. }
  465. #wid {
  466. overflow:auto;
  467. position:absolute;
  468. text-align:left;
  469. top:1727px;
  470. margin-left:120px;
  471. text-transform:none;
  472. font-style:normal;
  473. font-family: 'Ek Mukta', sans-serif;
  474. width:346px;
  475. height:100px;
  476. opacity:1;
  477. line-height:10px;
  478. border-bottom:1px solid {color:accent};
  479. border-left:1px solid {color:accent};
  480. border-right:1px solid {color:accent};
  481. font-weight:none;
  482. color:{color:text};
  483. background:{color:description background};
  484. padding:17px;
  485. letter-spacing:0px;
  486. font-size:10px;
  487. z-index:99;
  488. transition-duration: 0.9s;
  489. -moz-transition-duration:0.9s;
  490. -webkit-transition-duration:0.9s;
  491. -o-transition-duration:0.9s;
  492. }
  493.  
  494. #faq {
  495. overflow:auto;
  496. position:absolute;
  497. text-align:left;
  498. top:1931px;
  499. margin-left:120px;
  500. text-transform:none;
  501. font-style:normal;
  502. font-family: 'Ek Mukta', sans-serif;
  503. width:346px;
  504. height:100px;
  505. opacity:1;
  506. line-height:10px;
  507. border-bottom:1px solid {color:accent};
  508. border-left:1px solid {color:accent};
  509. border-right:1px solid {color:accent};
  510. font-weight:none;
  511. color:{color:text};
  512. background:{color:description background};
  513. padding:17px;
  514. letter-spacing:0px;
  515. font-size:10px;
  516. z-index:99;
  517. transition-duration: 0.9s;
  518. -moz-transition-duration:0.9s;
  519. -webkit-transition-duration:0.9s;
  520. -o-transition-duration:0.9s;
  521. }
  522. #faq::-webkit-scrollbar-thumb {
  523. height:5px;
  524. background-color:{color:scrollbar};
  525. }
  526. #faq::-webkit-scrollbar {
  527. height:10px;
  528. width:6px;
  529. background:none;
  530. }
  531. #abt-title {
  532. height:40px;
  533. position:absolute;
  534. top:500px;
  535. width:359px;
  536. font-weight:bold;
  537. padding-left:16px;
  538. line-height:45px;
  539. color:{color:title text};
  540. margin-left:780px;
  541. font-size:17px;
  542. font-family: 'arial', sans-serif;
  543. background:{color:box background};
  544. text-align:left;
  545. text-transform:uppercase;
  546. overflow:hidden;
  547. letter-spacing:3px;
  548. z-index:999;
  549. opacity:1,
  550. }
  551. #title2 {
  552. height:40px;
  553. position:absolute;
  554. top:1070px;
  555. width:380px;
  556. font-weight:none;
  557. padding-left:0px;
  558. line-height:41px;
  559. font-style:none;
  560. color:{color:title text};
  561. margin-left:120px;
  562. font-size:17px;
  563. font-family: 'Quicksand', sans-serif;
  564. border-top:1px solid {color:accent};
  565. border-left:1px solid {color:accent};
  566. border-right:1px solid {color:accent};
  567. background:{color:box background};
  568. text-align:center;
  569. text-transform:uppercase;
  570. overflow:hidden;
  571. letter-spacing:2px;
  572. z-index:999;
  573. opacity:1,
  574. }
  575. #title3 {
  576. height:40px;
  577. position:absolute;
  578. top:1280px;
  579. width:380px;
  580. font-weight:none;
  581. padding-left:0px;
  582. line-height:41px;
  583. color:{color:title text};
  584. margin-left:120px;
  585. font-size:17px;
  586. font-family: 'Quicksand', sans-serif;
  587. border-top:1px solid {color:accent};
  588. border-left:1px solid {color:accent};
  589. border-right:1px solid {color:accent};
  590. background:{color:box background};
  591. text-align:center;
  592. text-transform:uppercase;
  593. overflow:hidden;
  594. letter-spacing:2px;
  595. z-index:999;
  596. opacity:1,
  597. }
  598. #title4 {
  599. height:40px;
  600. position:absolute;
  601. top:1485px;
  602. width:380px;
  603. font-weight:none;
  604. padding-left:0px;
  605. line-height:41px;
  606. color:{color:title text};
  607. margin-left:120px;
  608. font-size:17px;
  609. font-family: 'Quicksand', sans-serif;
  610. border-top:1px solid {color:accent};
  611. border-left:1px solid {color:accent};
  612. border-right:1px solid {color:accent};
  613. background:{color:box background};
  614. text-align:center;
  615. text-transform:uppercase;
  616. overflow:hidden;
  617. letter-spacing:2px;
  618. z-index:999;
  619. opacity:1,
  620. }
  621. #title5 {
  622. height:40px;
  623. position:absolute;
  624. top:1686px;
  625. width:380px;
  626. font-weight:none;
  627. padding-left:0px;
  628. line-height:41px;
  629. color:{color:title text};
  630. margin-left:120px;
  631. font-size:17px;
  632. font-family: 'Quicksand', sans-serif;
  633. border-top:1px solid {color:accent};
  634. border-left:1px solid {color:accent};
  635. border-right:1px solid {color:accent};
  636. background:{color:box background};
  637. text-align:center;
  638. text-transform:uppercase;
  639. overflow:hidden;
  640. letter-spacing:2px;
  641. z-index:999;
  642. opacity:1,
  643. }
  644. #title6 {
  645. height:40px;
  646. position:absolute;
  647. top:1890px;
  648. width:380px;
  649. font-weight:none;
  650. padding-left:0px;
  651. line-height:41px;
  652. color:{color:title text};
  653. margin-left:120px;
  654. font-size:17px;
  655. font-family: 'Quicksand', sans-serif;
  656. border-top:1px solid {color:accent};
  657. border-left:1px solid {color:accent};
  658. border-right:1px solid {color:accent};
  659. background:{color:box background};
  660. text-align:center;
  661. text-transform:uppercase;
  662. overflow:hidden;
  663. letter-spacing:2px;
  664. z-index:999;
  665. opacity:1,
  666. }
  667. #pagination{
  668. top:440px;
  669. text-align:center;
  670. margin-left:1220px;
  671. color:{color:text};
  672. font-family: 'Roboto', sans-serif;
  673. padding:2px;
  674. font-size:14px;
  675. position:fixed;
  676. }
  677. #pagination a{
  678. color:{color:text};
  679. font-size:14px;
  680. font-weight:bold;
  681. font-family: 'Roboto', sans-serif;
  682. background-color:transparent;
  683. }
  684. .links1 {
  685. width:900px;
  686. height:40px;
  687. overflow:hidden;
  688. cursor:pointer;
  689. top:480px;
  690. opacity:1;
  691. z-index:999999999999;
  692. position:absolute;
  693. margin-left:253px;
  694. text-align:center;
  695. }
  696. .links1 #all {
  697. margin-left:0px;
  698. margin-top:0px;
  699. padding:5px;
  700. height:14px;
  701. }
  702. .links1 #all a:hover {
  703. color:{color:hover};
  704. transition-duration: 0.2s;
  705. -moz-transition-duration: 0.2s;
  706. -webkit-transition-duration: 0.3s;
  707. -o-transition-duration: 0.3s;
  708. }
  709. .links1 a {
  710. width:80px;
  711. height:25px;
  712. margin-bottom:3px;
  713. text-align:center;
  714. text-transform:uppercase;
  715. padding:4px;
  716. line-height:27px;
  717. color:{color:top links};
  718. z-index:999999999999;
  719. box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);
  720. background:{color:title background};
  721. font-family: 'Quicksand', sans-serif;
  722. letter-spacing:3px;
  723. font-size:9.5px;
  724. display:inline-block;
  725. }
  726. .topp {
  727. top:460px;
  728. position:absolute;
  729. margin-left:30px;
  730. z-index:-9999999;
  731. height:100%;
  732. width:1200px;
  733. }
  734. .sticky{
  735. position:fixed;
  736. width:1300px;
  737. top:0px;
  738. height:100%;
  739. margin-left:30px;
  740. z-index:-9999;
  741. }
  742. .sticky #username{
  743. color:{color:border};
  744. margin-top:10px;
  745. opacity:1;
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. }
  752. .sticky #navi{
  753. width:1300px;
  754. height:100%;
  755. text-align:center;
  756. box-shadow:0px 2px 3px rgba(0,0,0,.15);
  757. -webkit-transition: all 0.5s ease-in-out;
  758. -moz-transition: all 0.5s ease-in-out;
  759. -o-transition: all 0.5s ease-in-out;
  760. -ms-transition: all 0.5s ease-in-out;
  761. transition: all 0.5s ease-in-out;
  762. }
  763. #navi{
  764. margin:auto;
  765. font-size:11px;
  766. height:100%;
  767. letter-spacing:0px;
  768. width:1300px;
  769. font-weight:none;
  770. background:{color:border};
  771. text-align:center;
  772. -webkit-transition: all 0.5s ease-in-out;
  773. -moz-transition: all 0.5s ease-in-out;
  774. -o-transition: all 0.5s ease-in-out;
  775. -ms-transition: all 0.5s ease-in-out;
  776. transition: all 0.5s ease-in-out;
  777. }
  778. #navi a{
  779. display:inline-block;
  780. color:{color:second links};
  781. padding:18px 0px 15px 0px;
  782. margin:0px 20px 0px 20px;
  783. font-weight:bold;
  784. line-height:10px;
  785. font-family: 'Roboto', sans-serif;
  786. text-transform:uppercase;
  787. border-bottom:2px solid transparent;
  788. transition-duration: 0.9s;
  789. -moz-transition-duration:0.9s;
  790. -webkit-transition-duration:0.9s;
  791. -o-transition-duration:0.9s;
  792. }
  793. #navi a:hover{
  794. letter-spacing:2px;
  795. color:{color:hover};
  796. transition-duration: 0.2s;
  797. -moz-transition-duration:0.2s;
  798. -webkit-transition-duration:0.2s;
  799. -o-transition-duration:0.2s;
  800. }
  801. #title{
  802. width:349px;
  803. height:20px;
  804. top:245px;
  805. opacity:1;
  806. position:absolute;
  807. font-family: 'Quicksand', sans-serif;
  808. letter-spacing:4px;
  809. font-style:italic;
  810. text-align:center;
  811. padding:13px;
  812. color:{color:top links};
  813. text-transform:uppercase;
  814. line-height:11px;
  815. font-size:13px;
  816. background:{color:title background};
  817. margin-left:520px;
  818. z-index:999999999;
  819. }
  820. #header{
  821. position:absolute;
  822. opacity:1;
  823. background-image:url('{image:header}');
  824. width:100%;
  825. height:100%;
  826. top:0px;
  827. background:#ddd;
  828. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  829. margin-left:0px;
  830. z-index:9999999;
  831.  
  832. }
  833. #header img{
  834. width:100%;
  835. height:100%;
  836. background-image:url('{image:header}');
  837. }
  838. #sidebarr{
  839. position:absolute;
  840. opacity:1;
  841. background-image:url('{image:sidebar}');
  842. width:380px;
  843. height:300px;
  844. top:730px;
  845. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  846. background:#ddd;
  847. margin-left:120px;
  848. z-index:9999999;
  849.  
  850. }
  851. #sidebarr img{
  852. width:380px;
  853. height:300px;
  854. background-image:url('{image:sidebar}');
  855. }
  856. #entries {
  857. overflow-y:auto;
  858. margin-left:640px;
  859. letter-spacing:0px;
  860. margin-top:729px;
  861. }
  862. #post {
  863. font-size:10px;
  864. width:500px;
  865. color:{color:post text};
  866. background-color:{color:post background};
  867. text-align:justify;
  868. padding:20px;
  869. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
  870. overflow:hidden;
  871. line-height:20px;
  872. margin-bottom:40px;
  873. }
  874. #post img{
  875. max-width:500px;
  876. height:auto;
  877. }
  878. #info {
  879. width:512px;
  880. text-align:right;
  881. font-family: 'Ek Mukta', sans-serif;
  882. text-transform:lowercase;
  883. margin-left:-26px;
  884. font-weight:none;
  885. font-size:10px;
  886. margin-top:40px;
  887. letter-spacing:0px;
  888. overflow:hidden;
  889. margin-bottom:-19px;
  890. font-style:none;
  891. padding:10px;
  892. line-height:10px;
  893. color:{color:text};
  894. }
  895. #info a {
  896. text-align:right;
  897. font-family: 'Ek Mukta', sans-serif;
  898. text-transform:lowercase;
  899. font-weight:none;
  900. line-height:2px;
  901. color:{color:text};
  902. }
  903. #info a:hover{
  904. color:{color:hover};
  905. font-weight:none;
  906. }
  907. .right{
  908. float:left;
  909. }
  910. #tags {
  911. text-align:left;
  912. opacity:1;
  913. font-size:10px;
  914. font-family: 'Ek Mukta', sans-serif;
  915. margin-top:1px;
  916. margin-left:-12px;
  917. padding:-5px;
  918. font-weight:none;
  919. margin-bottom:0px;
  920. height:15px;
  921. width:530px;
  922. padding-top:0px;
  923. background:{color:accent};
  924. text-transform:lowercase;
  925. transition-duration: 0.5s;
  926. -moz-transition-duration: 0.5s;
  927. -webkit-transition-duration: 0.5s;
  928. -o-transition-duration: 0.5s;
  929. }
  930. #tags a {
  931. padding:0px;
  932. margin-top:1px;
  933. color:{color:text};
  934. line-height:6px;
  935. letter-spacing:0.5px;
  936. font-weight:none;
  937. margin-left:-12px;
  938. font-size:10px;
  939. font-family: 'Ek Mukta', sans-serif;
  940. text-decoration:underline;
  941. display:inline-block;
  942. }
  943. #tags a:hover {
  944. -moz-transition-duration:0.3s;
  945. -webkit-transition-duration:0.3s;
  946. -o-transition-duration:0.3s;
  947. color:{color:hover};
  948. }
  949. #permalink{
  950. margin-bottom:15px;
  951. text-align:left;
  952. font-size:10px;
  953. margin-left:-5px;
  954. margin-top:5px;
  955. font-weight:none;
  956. text-transform:uppercase;
  957. width:590px;
  958. font-family: 'Ek Mukta', sans-serif;
  959. letter-spacing:0px;
  960. line-height:0px;
  961. color:{color:text};
  962. }
  963. #permalink a{
  964. color:{color:text};
  965. font-family: 'Ek Mukta', sans-serif;
  966. font-size:10px;
  967. text-transform:uppercase;
  968. font-weight:none;
  969. padding:3px;
  970. }
  971. #asking {
  972. margin-left:15px;
  973. margin-top:26px;
  974. }
  975. #question {
  976. padding:25px;
  977. padding-left:70px;
  978. margin-top:-31px;
  979. margin-left:2px;
  980. color:{color:text};
  981. background-color:{color:question background};
  982. }
  983. #asker{
  984. margin-top:-55px;
  985. text-decoration:underline;
  986. margin-left:70px;
  987. font-family: 'Ek Mukta', sans-serif;
  988. text-transform:lowercase;
  989. }
  990. #credit{
  991. position:fixed;
  992. font-size:14px;
  993. font-weight:bold;
  994. padding-bottom:5px;
  995. padding-top:5px;
  996. height:20px;
  997. width:20px;
  998. opacity:1;
  999. padding-left:5px;
  1000. padding-right:5px;
  1001. margin-left:1320px;
  1002. top:645px;
  1003. letter-spacing:0px;
  1004. line-height:22px;
  1005. border-top:1px solid {color:accent};
  1006. border-bottom:1px solid {color:accent};
  1007. text-align:center;
  1008. float:left;
  1009. font-family: 'Roboto', sans-serif;
  1010. color:{color:text};
  1011. text-transform:uppercase;
  1012. background-color: rgba(255,255,255, 0.3);
  1013. transition-duration: 0.8s;
  1014. }
  1015. lol {
  1016. font-size:11px;
  1017. text-align:center;
  1018. width:210px;
  1019. height:5px;
  1020. font-family: 'Calibri';
  1021. text-shadow: 1px 1px 3px {color:text shadow};
  1022. letter-spacing:1px;
  1023. background-color:{color:blockquote background};
  1024. color:{color:text};
  1025. padding:5px;
  1026.  
  1027.  
  1028. }
  1029.  
  1030.  
  1031.  
  1032. {CustomCSS}</style>
  1033.  
  1034.  
  1035.  
  1036. </head>
  1037. <body>
  1038.  
  1039. <!---- - START BASICS / DONT TOUCH!!! - --->
  1040.  
  1041. <div id="sidebar">
  1042. <div id="abt-title">{text:box 1 title}</div>
  1043. <div id="title2">{text:box 2 title}</div>
  1044. <div id="title3">{text:box 3 title}</div>
  1045. <div id="title4">{text:box 4 title}</div>
  1046. <div id="title5">{text:box 5 title}</div>
  1047. <div id="title6">{text:box 6 title}</div>
  1048. <div id="description">{description}</div>
  1049. <div id="boxx">⋁</div>
  1050.  
  1051. <!---- - START ALBUMS
  1052. To add more albums, just copy and paste the following code. - --->
  1053.  
  1054. <div id="wid">{text:what i do}</div>
  1055.  
  1056. <!---- - END ALBUMS - --->
  1057.  
  1058.  
  1059. <div id="title">{text:title}</div>
  1060.  
  1061. <!---- - START EVENTS
  1062. To add more events, just copy the code below. - --->
  1063.  
  1064. <div id="faq">{text:faq}</div>
  1065.  
  1066. <!---- - END EVENTS - --->
  1067.  
  1068. <div id="about-text"><img src="{PortraitURL-128}" style="width:60px;height:60px;border:1px solid #ddd" align="right"> {text:about user}</div>
  1069.  
  1070. <!---- - END BASICS / DONT TOUCH!!! - --->
  1071.  
  1072. <!---- - START MEMBERS -
  1073. To add more blog members, just copy and paste the code below.--->
  1074.  
  1075. <div id="members"><img src="{image:member}" style="width:50px;height:50px;padding-right:14px" align="left"> {text:about member}</div>
  1076.  
  1077. <!---- - END MEMBERS / DONT TOUCH!!! - --->
  1078.  
  1079. <!---- - START IMAGES / DONT TOUCH!!! - --->
  1080.  
  1081. <div id="header"><img src="{image:header}"></a></div>
  1082. <div id="sidebarr"><img src="{image:sidebar}"></a></div>
  1083.  
  1084. <!---- - END IMAGES / DONT TOUCH!!! - --->
  1085.  
  1086. <!---- - START AFFILIATES -
  1087. To add more affiliates, just copy and paste the code below.--->
  1088.  
  1089. <div id="affiliates">
  1090. <a href="/" title="edit in html"><img src="https://31.media.tumblr.com/15dcb27425a1f278a35fff74f2bfa98e/tumblr_nthmd7YWtC1qez0jao2_250.gif"></a>
  1091. <a href="/" title="edit in html"><img src="https://31.media.tumblr.com/15dcb27425a1f278a35fff74f2bfa98e/tumblr_nthmd7YWtC1qez0jao2_250.gif"></a>
  1092. <a href="/" title="edit in html"><img src="https://31.media.tumblr.com/15dcb27425a1f278a35fff74f2bfa98e/tumblr_nthmd7YWtC1qez0jao2_250.gif"></a>
  1093. <a href="/" title="edit in html"><img src="https://31.media.tumblr.com/15dcb27425a1f278a35fff74f2bfa98e/tumblr_nthmd7YWtC1qez0jao2_250.gif"></a>
  1094.  
  1095.  
  1096.  
  1097. </div>
  1098.  
  1099. <!---- - END AFFILIATES / DONT TOUCH!!! - --->
  1100.  
  1101.  
  1102. <!---- - START STICKY BACKGROUND / DONT TOUCH!!! - --->
  1103.  
  1104. </div>
  1105. <div class="topp">
  1106. <div id="navi">
  1107.  
  1108. </div>
  1109. </div>
  1110.  
  1111. <!---- Sticky Position (Bar) with CSS or jQuery by http://www.hongkiat.com/ --->
  1112.  
  1113. <script>
  1114. var header = document.querySelector('.topp');
  1115. var origOffsetY = header.offsetTop;
  1116.  
  1117. function onScroll(e) {
  1118. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1119. header.classList.remove('sticky');
  1120. }
  1121.  
  1122. document.addEventListener('scroll', onScroll);
  1123. </script>
  1124.  
  1125. <!---- - END STICKY BACKGROUND / DONT TOUCH!!! - --->
  1126. </div>
  1127. <!---- - START LINKS / DONT TOUCH!!! - --->
  1128.  
  1129. <div class="links1">
  1130. <div id="all">
  1131. <a href="/">Home</a>
  1132. <a href="/ask">askbox</a>
  1133. <a href="{text:link 1 url}">{text:link 1}</a>
  1134. <a href="{text:link 2 url}">{text:link 2}</a>
  1135. <a href="{text:link 3 url}">{text:link 3}</a>
  1136. <a href="{text:link 4 url}">{text:link 4}</a>
  1137. </div>
  1138.  
  1139. <!---- - END LINKS / DONT TOUCH!!! - --->
  1140.  
  1141. <!---- - START PAGI / DONT TOUCH!!! - --->
  1142.  
  1143. </div>
  1144.  
  1145. <div id="pagination">{block:Pagination}
  1146. {block:PreviousPage}
  1147. <a href="{PreviousPage}">BACK </a>
  1148. {/block:PreviousPage}
  1149.  
  1150. {block:NextPage}
  1151. <a href="{NextPage}">NEXT</a>
  1152. {/block:NextPage}
  1153. {/block:Pagination}</div>
  1154. </div></div>
  1155.  
  1156. <!---- - END PAGI / DONT TOUCH!!! - --->
  1157.  
  1158. <!---- - START POSTS & ENTRIES / DONT TOUCH!!! - --->
  1159.  
  1160. <div id="entries">
  1161. {block:Posts}
  1162. <div id="post"
  1163.  
  1164.  
  1165.  
  1166. <div id="post">
  1167.  
  1168. {block:Date}
  1169. <div id="permalink">
  1170. {block:NotReblog}<a href="{URL}" target="_blank" title="{Name}"></a>{/block:NotReblog}
  1171. <a href="{Permalink}"> {DayOfMonth} {ShortMonth} {Year} </a> / {NoteCount}
  1172. </div>
  1173. {/block:Date}
  1174.  
  1175. <!---- - END POSTS & ENTRIES / DONT TOUCH!!! - --->
  1176.  
  1177. <!--TEXT POSTS-->
  1178.  
  1179. {block:Text}
  1180. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1181. {Body}
  1182. {/block:Text}
  1183.  
  1184. <!---- - END TEXT POSTS / DONT TOUCH!!! - --->
  1185.  
  1186. <!---- - START ANSWER & QUESTION / DONT TOUCH!!! - --->
  1187.  
  1188. {block:Answer}
  1189. <div id="asking"><img src="{AskerPortraitURL-48}"/></div>
  1190. <div id="asker">{Asker} sent:</div>
  1191. <div id="question">{Question}</div>
  1192. {Answer}{/block:Answer}
  1193.  
  1194. <!---- - END ANSWER & QUESTION / DONT TOUCH!!! - --->
  1195.  
  1196. <!---- - START QUOTE / DONT TOUCH!!! - --->
  1197.  
  1198. {block:Quote}
  1199.  
  1200. {block:Quote}
  1201. <h2>{Quote}</h2>
  1202. <div align="right">
  1203. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1204. </div>
  1205. {/block:Quote}
  1206.  
  1207. <!---- - END QUOTE / DONT TOUCH!!! - --->
  1208.  
  1209. <!---- - START LINK & CHAT / DONT TOUCH!!! - --->
  1210.  
  1211. {block:Link}
  1212. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1213. {block:Description}{Description}{/block:Description}
  1214. {/block:Link}
  1215.  
  1216.  
  1217.  
  1218. {block:Chat}
  1219. {block:Title}<h2>{Title}</h2>{/block:Title}
  1220. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1221. {Line}</li>{/block:Lines}</ul>
  1222. {/block:Chat}
  1223.  
  1224. <!---- - END LINK & CHAT / DONT TOUCH!!! - --->
  1225.  
  1226. <!---- - START PHOTO / DONT TOUCH!!! - --->
  1227.  
  1228. {block:Photo}
  1229. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1230.  
  1231. {block:Caption}{Caption}{/block:Caption}
  1232. {/block:Photo}
  1233.  
  1234.  
  1235.  
  1236. {block:Photoset}
  1237. {Photoset-500}
  1238. {block:Caption}{Caption}{/block:Caption}
  1239. {/block:Photoset}
  1240.  
  1241.  
  1242.  
  1243. {block:Video}
  1244. {Video-500}
  1245. {block:Caption}{Caption}{/block:Caption}
  1246. {/block:Video}
  1247.  
  1248. <!---- - END PHOTO / DONT TOUCH!!! - --->
  1249.  
  1250. <!---- - START AUDIO / DONT TOUCH!!! - --->
  1251.  
  1252.  
  1253. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1254. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1255. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1256. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1257. {/block:Audio}
  1258.  
  1259. <!---- - END AUDIO / DONT TOUCH!!! - --->
  1260.  
  1261. <!---- - START INFO / DONT TOUCH!!! - --->
  1262.  
  1263. <div id="info">
  1264. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1265. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1266. </div></div>
  1267.  
  1268. {/block:Posts}{/block:Posts}</div></div></div>
  1269. </div>
  1270. </div>
  1271.  
  1272. <!---- - END INFO / DONT TOUCH!!! - --->
  1273.  
  1274. <!---- - START CREDIT / DONT TOUCH!!! - --->
  1275.  
  1276. <div id="credit">
  1277. <a href="http://adf.ly/1NFPh1"><i class="fa fa-diamond"title="made by im-halsey"></i></a>
  1278.  
  1279. </div>
  1280. </div>
  1281. <!---- - END CREDIT / DONT TOUCH!!! - --->
  1282.  
  1283. </html>
  1284. <!---- - END HTML / DONT TOUCH!!! - --->
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!