API tools faq
paste
azurethemes

046 - castle

azurethemes
Aug 25th, 2015
572
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.10 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' , 'Play::latin', 'Monda::latin', 'Mako::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. "cαѕтle"
  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:diamonds" 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:member" content=""/>
  127.  
  128.  
  129. <!---- - END IMAGES / DONT TOUCH!!! - --->
  130.  
  131.  
  132. <!---- - START TEXT / DONT TOUCH!!! - --->
  133.  
  134. <meta name="text:about member" content="">
  135. <meta name="text:about user" content="">
  136. <meta name="text:disclaimer" content="">
  137. <meta name="text:title" content="">
  138. <meta name="text:box 1 title" content="">
  139. <meta name="text:box 2 title" content="">
  140. <meta name="text:box 3 title" content="">
  141. <meta name="text:box 4 title" content="">
  142. <meta name="text:box 5 title" content="">
  143. <meta name="text:box 6 title" content="">
  144. <meta name="text:box 7 title" content="">
  145.  
  146. <!---- - END TEXT / DONT TOUCH!!! - --->
  147.  
  148. <!---- - START LINKS / DONT TOUCH!!! - --->
  149.  
  150.  
  151. <meta name="text:link 1" content="Link 1">
  152. <meta name="text:link 2" content="Link 2">
  153. <meta name="text:link 3" content="Link 3">
  154. <meta name="text:link 4" content="Link 4">
  155.  
  156. <meta name="text:link 1 url" content="/">
  157. <meta name="text:link 2 url" content="/">
  158. <meta name="text:link 3 url" content="/">
  159. <meta name="text:link 4 url" content="/">
  160.  
  161. <!---- - END LINKS / DONT TOUCH!!! - --->
  162.  
  163. <style type="text/css">
  164.  
  165.  
  166.  
  167. ::-webkit-scrollbar-thumb {
  168. height:auto;
  169. background-color:{color:scrollbar};
  170. }
  171. ::-webkit-scrollbar {
  172. height:9px;
  173. width:6px;
  174. border-top:7px solid {color:text};
  175. border-bottom:7px solid {color:text};
  176. background-color:{color:scrollbar background};
  177. }
  178. #s-m-t-tooltip {
  179. max-width:300px;
  180. margin:10px 0px 0px 10px;
  181. padding:5px;
  182. font-weight:bold;
  183. background-color:{color:accent};
  184. border-radius:6px 6px 6px 6px;
  185. box-shadow:5px 5px 0px {color:border};
  186. font-family: 'consolas', sans-serif;
  187. font-size:9px;
  188. text-transform:uppercase;
  189. letter-spacing:0px;
  190. color:{color:text};
  191. z-index:999999999999999999999999999999999999;
  192. }
  193. body {
  194. background-color:{color:background};
  195. background-image:url('{image:background}');
  196. background-attachment: fixed;
  197. background-repeat: repeat;
  198. font-weight:none;
  199. font-family: 'Roboto', sans-serif;
  200. font-size:10px;
  201. text-align:justify;
  202. color:{color:text};
  203. margin:0;
  204. }
  205. a {
  206. text-decoration:none;
  207. color:{color:links};
  208. transition-duration: 0.2s;
  209. -moz-transition-duration: 0.2s;
  210. -webkit-transition-duration: 0.3s;
  211. -o-transition-duration: 0.3s;
  212. }
  213. a:hover {
  214. text-decoration:none;
  215. color:{color:hover};
  216. transition-duration: 0.2s;
  217. -moz-transition-duration: 0.2s;
  218. -webkit-transition-duration: 0.3s;
  219. -o-transition-duration: 0.3s;
  220. }
  221. img {
  222. border:none;
  223. }
  224. blockquote {
  225. font-size:10px;
  226. max-width:545px;
  227. border-left:1px solid{color:blockquote border};
  228. background-color:{color:blockquote background};
  229. text-align:left;
  230. padding:5px;
  231. font-weight:none;
  232. margin-left:5px;
  233. margin-right:5px;
  234. padding-left:5px;
  235. color:{color:text};
  236. }
  237. pre{
  238. font-size:9px;
  239. text-align:center;
  240. text-transform:none;
  241. font-family: 'Bitter', serif;
  242. font-weight:bold;
  243. line-height:9px;
  244. border-left:1px solid {color:blockquote border};
  245. border-bottom:1px solid {color:blockquote border};
  246. letter-spacing:2px;
  247. background-color:{color:blockquote background};
  248. color:{color:text};
  249. padding:6px;
  250. }
  251. small{
  252. font-size:9px;
  253. }
  254. big{
  255. font-size:9px;
  256. }
  257. sub{
  258. font-size:9px;
  259. }
  260. h1 {
  261. font-size:17px;
  262. text-align:center;
  263. font-family: 'Roboto', sans-serif;
  264. letter-spacing:1px;
  265. text-transform:uppercase;
  266. border-bottom:1px solid #ddd;
  267. color:{color:text};
  268. padding:6px;
  269. }
  270. h1 a{
  271. color:{color:text};
  272. }
  273. h2{
  274. color:{color:text};
  275. text-transform:uppercase;
  276. text-decoration:underline;
  277. text-shadow: 1px 1px 0px #ddd;
  278. text-align:left;
  279. }
  280. b {
  281. font-weight:bold;
  282. padding:2px;
  283. color:{color:bold text};
  284. }
  285. i {
  286. font-weight:italic;
  287. color:{color:italic text};
  288. }
  289. u {
  290. text-decoration:none;
  291. border-bottom:1px solid {color:accent};
  292. }
  293. #description {
  294. overflow:auto;
  295. position:absolute;
  296. text-align:left;
  297. margin-top:40px;
  298. margin-left:205px;
  299. text-transform:none;
  300. font-style:normal;
  301. font-family: 'Roboto', sans-serif;
  302. width:341px;
  303. height:100px;
  304. opacity:1;
  305. line-height:20px;
  306. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  307. font-weight:none;
  308. color:{color:text};
  309. background:{color:description background};
  310. padding:17px;
  311. letter-spacing:0px;
  312. font-size:10px;
  313. z-index:99;
  314. transition-duration: 0.9s;
  315. -moz-transition-duration:0.9s;
  316. -webkit-transition-duration:0.9s;
  317. -o-transition-duration:0.9s;
  318. }
  319. #description::-webkit-scrollbar-thumb {
  320. height:5px;
  321. background-color:{color:scrollbar};
  322. }
  323. #description::-webkit-scrollbar {
  324. height:10px;
  325. width:6px;
  326. background:none;
  327. }
  328. #about-text {
  329. overflow:auto;
  330. position:absolute;
  331. text-align:left;
  332. margin-top:259px;
  333. margin-left:205px;
  334. text-transform:none;
  335. font-style:normal;
  336. font-family: 'Roboto', sans-serif;
  337. width:341px;
  338. height:100px;
  339. opacity:1;
  340. line-height:20px;
  341. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  342. font-weight:none;
  343. color:{color:text};
  344. background:{color:description background};
  345. padding:17px;
  346. letter-spacing:0px;
  347. font-size:10px;
  348. z-index:99;
  349. transition-duration: 0.9s;
  350. -moz-transition-duration:0.9s;
  351. -webkit-transition-duration:0.9s;
  352. -o-transition-duration:0.9s;
  353. }
  354. #about-text::-webkit-scrollbar-thumb {
  355. height:5px;
  356. background-color:{color:scrollbar};
  357. }
  358. #about-text::-webkit-scrollbar {
  359. height:10px;
  360. width:6px;
  361. background:none;
  362. }
  363. #faq-text {
  364. overflow:auto;
  365. position:absolute;
  366. text-align:center;
  367. margin-top:481px;
  368. margin-left:205px;
  369. text-transform:none;
  370. font-style:normal;
  371. font-family: 'Roboto', sans-serif;
  372. width:341px;
  373. height:100px;
  374. opacity:1;
  375. line-height:34px;
  376. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  377. font-weight:none;
  378. color:{color:text};
  379. background:{color:description background};
  380. padding:17px;
  381. letter-spacing:5px;
  382. font-size:10px;
  383. z-index:99;
  384. transition-duration: 0.9s;
  385. -moz-transition-duration:0.9s;
  386. -webkit-transition-duration:0.9s;
  387. -o-transition-duration:0.9s;
  388. }
  389. #faq-text::-webkit-scrollbar-thumb {
  390. height:5px;
  391. background-color:{color:scrollbar};
  392. }
  393. #faq-text::-webkit-scrollbar {
  394. height:10px;
  395. width:6px;
  396. background:none;
  397. }
  398. #faq-text img{
  399. width:65px;
  400. height:65px;
  401. }
  402. #members {
  403. overflow:auto;
  404. position:absolute;
  405. text-align:left;
  406. margin-top:699px;
  407. margin-left:205px;
  408. text-transform:none;
  409. font-style:normal;
  410. font-family: 'Roboto', sans-serif;
  411. width:341px;
  412. height:100px;
  413. opacity:1;
  414. line-height:20px;
  415. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  416. font-weight:none;
  417. color:{color:text};
  418. background:{color:description background};
  419. padding:17px;
  420. letter-spacing:0px;
  421. font-size:10px;
  422. z-index:99;
  423. transition-duration: 0.9s;
  424. -moz-transition-duration:0.9s;
  425. -webkit-transition-duration:0.9s;
  426. -o-transition-duration:0.9s;
  427. }
  428. #members::-webkit-scrollbar-thumb {
  429. height:5px;
  430. background-color:{color:scrollbar};
  431. }
  432. #members::-webkit-scrollbar {
  433. height:10px;
  434. width:6px;
  435. background:none;
  436. }
  437. #albums {
  438. overflow:auto;
  439. position:absolute;
  440. text-align:left;
  441. margin-top:909px;
  442. margin-left:205px;
  443. text-transform:none;
  444. font-style:normal;
  445. font-family: 'Roboto', sans-serif;
  446. width:341px;
  447. height:100px;
  448. opacity:1;
  449. line-height:25px;
  450. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  451. font-weight:none;
  452. color:{color:text};
  453. background:{color:description background};
  454. padding:17px;
  455. letter-spacing:0px;
  456. font-size:10px;
  457. z-index:99;
  458. transition-duration: 0.9s;
  459. -moz-transition-duration:0.9s;
  460. -webkit-transition-duration:0.9s;
  461. -o-transition-duration:0.9s;
  462. }
  463. #albums::-webkit-scrollbar-thumb {
  464. height:5px;
  465. background-color:{color:scrollbar};
  466. }
  467. #albums::-webkit-scrollbar {
  468. height:10px;
  469. width:6px;
  470. background:none;
  471. }
  472. #eventss {
  473. overflow:auto;
  474. position:absolute;
  475. text-align:left;
  476. margin-top:1128px;
  477. margin-left:205px;
  478. text-transform:none;
  479. font-style:normal;
  480. font-family: 'Roboto', sans-serif;
  481. width:341px;
  482. height:100px;
  483. opacity:1;
  484. line-height:20px;
  485. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  486. font-weight:none;
  487. color:{color:text};
  488. background:{color:description background};
  489. padding:17px;
  490. letter-spacing:0px;
  491. font-size:10px;
  492. z-index:99;
  493. transition-duration: 0.9s;
  494. -moz-transition-duration:0.9s;
  495. -webkit-transition-duration:0.9s;
  496. -o-transition-duration:0.9s;
  497. }
  498. #eventss::-webkit-scrollbar-thumb {
  499. height:5px;
  500. background-color:{color:scrollbar};
  501. }
  502. #eventss::-webkit-scrollbar {
  503. height:10px;
  504. width:6px;
  505. background:none;
  506. }
  507. #disclaimer {
  508. overflow:auto;
  509. position:absolute;
  510. text-align:left;
  511. margin-top:1345px;
  512. margin-left:205px;
  513. text-transform:none;
  514. font-style:normal;
  515. font-family: 'Roboto', sans-serif;
  516. width:341px;
  517. height:100px;
  518. opacity:1;
  519. line-height:20px;
  520. box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);
  521. font-weight:none;
  522. color:{color:text};
  523. background:{color:description background};
  524. padding:17px;
  525. letter-spacing:0px;
  526. font-size:10px;
  527. z-index:99;
  528. transition-duration: 0.9s;
  529. -moz-transition-duration:0.9s;
  530. -webkit-transition-duration:0.9s;
  531. -o-transition-duration:0.9s;
  532. }
  533. #disclaimer::-webkit-scrollbar-thumb {
  534. height:5px;
  535. background-color:{color:scrollbar};
  536. }
  537. #disclaimer::-webkit-scrollbar {
  538. height:10px;
  539. width:6px;
  540. background:none;
  541. }
  542. #abt-title {
  543. height:40px;
  544. position:absolute;
  545. top:495px;
  546. width:359px;
  547. font-weight:bold;
  548. padding-right:16px;
  549. line-height:40px;
  550. color:{color:title text};
  551. margin-left:205px;
  552. font-size:17px;
  553. font-family: 'Roboto', sans-serif;
  554. background:{color:box background};
  555. text-align:right;
  556. text-transform:uppercase;
  557. overflow:hidden;
  558. letter-spacing:1px;
  559. z-index:999;
  560. opacity:1,
  561. }
  562. #title2 {
  563. height:40px;
  564. position:absolute;
  565. top:715px;
  566. width:359px;
  567. font-weight:bold;
  568. padding-right:16px;
  569. line-height:40px;
  570. color:{color:title text};
  571. margin-left:205px;
  572. font-size:17px;
  573. font-family: 'Roboto', sans-serif;
  574. background:{color:box background};
  575. text-align:right;
  576. text-transform:uppercase;
  577. overflow:hidden;
  578. letter-spacing:1px;
  579. z-index:999;
  580. opacity:1;
  581. }
  582. #title3 {
  583. height:40px;
  584. position:absolute;
  585. top:937px;
  586. width:359px;
  587. font-weight:bold;
  588. padding-right:16px;
  589. line-height:40px;
  590. color:{color:title text};
  591. margin-left:205px;
  592. font-size:17px;
  593. font-family: 'Roboto', sans-serif;
  594. background:{color:box background};
  595. text-align:right;
  596. text-transform:uppercase;
  597. overflow:hidden;
  598. letter-spacing:1px;
  599. z-index:999;
  600. opacity:1;
  601. }
  602. #title4 {
  603. height:40px;
  604. position:absolute;
  605. top:1157px;
  606. width:359px;
  607. font-weight:bold;
  608. padding-right:16px;
  609. line-height:40px;
  610. color:{color:title text};
  611. margin-left:205px;
  612. font-size:17px;
  613. font-family: 'Roboto', sans-serif;
  614. background:{color:box background};
  615. text-align:right;
  616. text-transform:uppercase;
  617. overflow:hidden;
  618. letter-spacing:1px;
  619. z-index:999;
  620. opacity:1;
  621. }
  622. #title5 {
  623. height:40px;
  624. position:absolute;
  625. top:1370px;
  626. width:359px;
  627. font-weight:bold;
  628. padding-right:16px;
  629. line-height:40px;
  630. color:{color:title text};
  631. margin-left:205px;
  632. font-size:17px;
  633. font-family: 'Roboto', sans-serif;
  634. background:{color:box background};
  635. text-align:right;
  636. text-transform:uppercase;
  637. overflow:hidden;
  638. letter-spacing:1px;
  639. z-index:999;
  640. opacity:1;
  641. }
  642. #title6 {
  643. height:40px;
  644. position:absolute;
  645. top:1583px;
  646. width:359px;
  647. font-weight:bold;
  648. padding-right:16px;
  649. line-height:40px;
  650. color:{color:title text};
  651. margin-left:205px;
  652. font-size:17px;
  653. font-family: 'Roboto', sans-serif;
  654. background:{color:box background};
  655. text-align:right;
  656. text-transform:uppercase;
  657. overflow:hidden;
  658. letter-spacing:1px;
  659. z-index:999;
  660. opacity:1;
  661. }
  662. #title7 {
  663. height:40px;
  664. position:absolute;
  665. top:1800px;
  666. width:359px;
  667. font-weight:bold;
  668. padding-right:16px;
  669. line-height:40px;
  670. color:{color:title text};
  671. margin-left:205px;
  672. font-size:17px;
  673. font-family: 'Roboto', sans-serif;
  674. background:{color:box background};
  675. text-align:right;
  676. text-transform:uppercase;
  677. overflow:hidden;
  678. letter-spacing:1px;
  679. z-index:999;
  680. opacity:1;
  681. }
  682. #pagination{
  683. margin-top:140px;
  684. text-align:center;
  685. margin-left:60px;
  686. color:{color:text};
  687. font-family: 'Roboto', sans-serif;
  688. padding:2px;
  689. font-size:14px;
  690. position:fixed;
  691. }
  692. #pagination a{
  693. color:{color:text};
  694. font-size:14px;
  695. font-weight:bold;
  696. font-family: 'Roboto', sans-serif;
  697. background-color:transparent;
  698. }
  699. .links1 {
  700. width:430px;
  701. height:40px;
  702. overflow:hidden;
  703. cursor:pointer;
  704. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
  705. top:20px;
  706. opacity:1;
  707. position:absolute;
  708. margin-left:180px;
  709. text-align:center;
  710. background:{color:title background};
  711. border-left: 41px solid {color:accent};
  712. }
  713. .links1 #all {
  714. margin-left:0px;
  715. margin-top:0px;
  716. padding:5px;
  717. height:14px;
  718. }
  719. .links1 #all a:hover {
  720. color:{color:hover};
  721. transition-duration: 0.2s;
  722. -moz-transition-duration: 0.2s;
  723. -webkit-transition-duration: 0.3s;
  724. -o-transition-duration: 0.3s;
  725. }
  726. .links1 a {
  727. width:auto;
  728. height:auto;
  729. margin-bottom:3px;
  730. text-align:center;
  731. text-transform:uppercase;
  732. padding:4px;
  733. line-height:23px;
  734. color:{color:top links};
  735. font-style:none;
  736. font-weight:bold;
  737. font-family: 'Roboto', sans-serif;
  738. letter-spacing:1px;
  739. font-size:9.5px;
  740. display:inline-block;
  741. }
  742. #diamondd {
  743. width:50px;
  744. height:50px;
  745. cursor:pointer;
  746. top:27px;
  747. opacity:1;
  748. position:absolute;
  749. margin-left:175px;
  750. text-align:center;
  751. font-size:24px;
  752. color:{color:diamonds};
  753. z-index:9999999999999999999;
  754. }
  755. #diamondd a {
  756. width:auto;
  757. height:auto;
  758. margin-bottom:3px;
  759. text-align:center;
  760. text-transform:uppercase;
  761. padding:4px;
  762. line-height:23px;
  763. color:#fff;
  764. font-style:none;
  765. font-weight:bold;
  766. font-family: 'Roboto', sans-serif;
  767. letter-spacing:1px;
  768. font-size:14px;
  769. z-index:9999999999999999999;
  770. display:inline-block;
  771. }
  772. #diamonddd {
  773. width:50px;
  774. height:50px;
  775. cursor:pointer;
  776. top:27px;
  777. opacity:1;
  778. position:absolute;
  779. margin-left:1133px;
  780. text-align:center;
  781. font-size:24px;
  782. color:{color:diamonds};
  783. z-index:9999999999999999999;
  784. }
  785. #diamonddd a {
  786. width:auto;
  787. height:auto;
  788. margin-bottom:3px;
  789. text-align:center;
  790. text-transform:uppercase;
  791. padding:4px;
  792. line-height:23px;
  793. color:{color:diamonds};
  794. font-style:none;
  795. font-weight:bold;
  796. font-family: 'Roboto', sans-serif;
  797. letter-spacing:1px;
  798. font-size:14px;
  799. z-index:9999999999999999999;
  800. display:inline-block;
  801. }
  802. .topp {
  803. top:460px;
  804. position:absolute;
  805. margin-left:180px;
  806. z-index:-9999999;
  807. height:100%;
  808. width:1000px;
  809. }
  810. .sticky{
  811. position:fixed;
  812. width:1000px;
  813. top:0px;
  814. height:100%;
  815. margin-left:180px;
  816. z-index:-9999;
  817. }
  818. .sticky #username{
  819. color:{color:accent};
  820. margin-top:10px;
  821. opacity:1;
  822. -webkit-transition: all 0.5s ease-in-out;
  823. -moz-transition: all 0.5s ease-in-out;
  824. -o-transition: all 0.5s ease-in-out;
  825. -ms-transition: all 0.5s ease-in-out;
  826. transition: all 0.5s ease-in-out;
  827. }
  828. .sticky #navi{
  829. width:1000px;
  830. height:100%;
  831. text-align:center;
  832. box-shadow:0px 2px 3px rgba(0,0,0,.15);
  833. -webkit-transition: all 0.5s ease-in-out;
  834. -moz-transition: all 0.5s ease-in-out;
  835. -o-transition: all 0.5s ease-in-out;
  836. -ms-transition: all 0.5s ease-in-out;
  837. transition: all 0.5s ease-in-out;
  838. }
  839. #navi{
  840. margin:auto;
  841. font-size:11px;
  842. height:100%;
  843. letter-spacing:0px;
  844. width:1000px;
  845. font-weight:none;
  846. background:{color:accent};
  847. text-align:center;
  848. -webkit-transition: all 0.5s ease-in-out;
  849. -moz-transition: all 0.5s ease-in-out;
  850. -o-transition: all 0.5s ease-in-out;
  851. -ms-transition: all 0.5s ease-in-out;
  852. transition: all 0.5s ease-in-out;
  853. }
  854. #navi a{
  855. display:inline-block;
  856. color:{color:second links};
  857. padding:18px 0px 15px 0px;
  858. margin:0px 20px 0px 20px;
  859. font-weight:bold;
  860. line-height:10px;
  861. font-family: 'Roboto', sans-serif;
  862. text-transform:uppercase;
  863. border-bottom:2px solid transparent;
  864. transition-duration: 0.9s;
  865. -moz-transition-duration:0.9s;
  866. -webkit-transition-duration:0.9s;
  867. -o-transition-duration:0.9s;
  868. }
  869. #navi a:hover{
  870. letter-spacing:2px;
  871. color:{color:hover};
  872. transition-duration: 0.2s;
  873. -moz-transition-duration:0.2s;
  874. -webkit-transition-duration:0.2s;
  875. -o-transition-duration:0.2s;
  876. }
  877. #titlee{
  878. width:430px;
  879. height:32px;
  880. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
  881. top:20px;
  882. opacity:1;
  883. position:absolute;
  884. font-family: 'Roboto', sans-serif;
  885. letter-spacing:1px;
  886. font-style:none;
  887. text-align:center;
  888. font-weight:bold;
  889. padding:4px;
  890. color:{color:top links};
  891. text-transform:uppercase;
  892. line-height:33px;
  893. font-size:9.5px;
  894. margin-left:700px;
  895. background:{color:title background};
  896. border-right: 41px solid {color:accent};
  897. z-index:99999;
  898. }
  899. #header{
  900. position:absolute;
  901. opacity:1;
  902. background-image:url('{image:header}');
  903. width:1000px;
  904. height:380px;
  905. top:80px;
  906. background:#fff;
  907. margin-left:180px;
  908. z-index:9999999;
  909.  
  910. }
  911. #header img{
  912. width:1000px;
  913. height:380px;
  914. background-image:url('{image:header}');
  915. }
  916. #entries {
  917. overflow-y:auto;
  918. margin-left:610px;
  919. letter-spacing:0px;
  920. margin-top:495px;
  921. }
  922. #post {
  923. font-size:10px;
  924. width:500px;
  925. color:{color:post text};
  926. background-color:{color:post background};
  927. text-align:justify;
  928. padding:20px;
  929. box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
  930. overflow:hidden;
  931. line-height:20px;
  932. margin-bottom:40px;
  933. }
  934. #post img{
  935. max-width:500px;
  936. height:auto;
  937. }
  938. #info {
  939. width:512px;
  940. text-align:right;
  941. font-family:consolas;
  942. text-transform:lowercase;
  943. margin-left:-26px;
  944. font-weight:none;
  945. font-size:9px;
  946. margin-top:40px;
  947. letter-spacing:0px;
  948. overflow:hidden;
  949. margin-bottom:-19px;
  950. font-style:none;
  951. padding:10px;
  952. line-height:10px;
  953. color:{color:text};
  954. }
  955. #info a {
  956. text-align:right;
  957. font-family:consolas;
  958. text-transform:lowercase;
  959. font-weight:none;
  960. line-height:2px;
  961. color:{color:text};
  962. }
  963. #info a:hover{
  964. color:{color:hover};
  965. font-weight:none;
  966. }
  967. .right{
  968. float:left;
  969. }
  970. #tags {
  971. text-align:left;
  972. opacity:1;
  973. font-size:8px;
  974. font-family:consolas;
  975. margin-top:1px;
  976. margin-left:-12px;
  977. padding:-5px;
  978. font-weight:none;
  979. margin-bottom:0px;
  980. height:15px;
  981. width:530px;
  982. padding-top:0px;
  983. background:{color:accent};
  984. text-transform:lowercase;
  985. transition-duration: 0.5s;
  986. -moz-transition-duration: 0.5s;
  987. -webkit-transition-duration: 0.5s;
  988. -o-transition-duration: 0.5s;
  989. }
  990. #tags a {
  991. padding:0px;
  992. margin-top:1px;
  993. color:{color:text};
  994. line-height:6px;
  995. letter-spacing:0.5px;
  996. font-weight:none;
  997. margin-left:-12px;
  998. font-size:8px;
  999. font-family:consolas;
  1000. text-decoration:underline;
  1001. display:inline-block;
  1002. }
  1003. #tags a:hover {
  1004. -moz-transition-duration:0.3s;
  1005. -webkit-transition-duration:0.3s;
  1006. -o-transition-duration:0.3s;
  1007. color:{color:hover};
  1008. }
  1009. #permalink{
  1010. margin-bottom:15px;
  1011. text-align:left;
  1012. font-size:9px;
  1013. margin-left:-5px;
  1014. margin-top:5px;
  1015. font-weight:bold;
  1016. width:590px;
  1017. font-family:consolas;
  1018. letter-spacing:0px;
  1019. line-height:0px;
  1020. color:{color:text};
  1021. }
  1022. #permalink a{
  1023. color:{color:text};
  1024. font-family:consolas;
  1025. font-weight:bold;
  1026. padding:3px;
  1027. }
  1028. #asking {
  1029. margin-left:15px;
  1030. margin-top:10px;
  1031. }
  1032. #question {
  1033. padding:12px;
  1034. padding-left:70px;
  1035. color:{color:text};
  1036. background-color:{color:question background};
  1037. }
  1038. #asker{
  1039. margin-top:-35px;
  1040. margin-left:70px;
  1041. font-family: 'Roboto', sans-serif;
  1042. text-transform:lowercase;
  1043. }
  1044. #credit{
  1045. position:fixed;
  1046. font-size:14px;
  1047. font-weight:bold;
  1048. padding-bottom:5px;
  1049. padding-top:5px;
  1050. height:20px;
  1051. width:20px;
  1052. opacity:1;
  1053. padding-left:5px;
  1054. padding-right:5px;
  1055. margin-left:1325px;
  1056. top:645px;
  1057. letter-spacing:0px;
  1058. line-height:22px;
  1059. border-top:1px solid {color:accent};
  1060. border-bottom:1px solid {color:accent};
  1061. text-align:center;
  1062. float:left;
  1063. font-family: 'Roboto', sans-serif;
  1064. color:{color:text};
  1065. text-transform:uppercase;
  1066. background-color: rgba(255,255,255, 0.3);
  1067. transition-duration: 0.8s;
  1068. }
  1069. lol {
  1070. font-size:11px;
  1071. text-align:center;
  1072. width:210px;
  1073. height:5px;
  1074. font-family: 'Calibri';
  1075. text-shadow: 1px 1px 3px {color:text shadow};
  1076. letter-spacing:1px;
  1077. background-color:{color:blockquote background};
  1078. color:{color:text};
  1079. padding:5px;
  1080.  
  1081.  
  1082. }
  1083.  
  1084.  
  1085.  
  1086. {CustomCSS}</style>
  1087.  
  1088.  
  1089.  
  1090. </head>
  1091. <body>
  1092.  
  1093. <!---- - START BASICS / DONT TOUCH!!! - --->
  1094.  
  1095. <div id="sidebar">
  1096. <div id="abt-title">{text:box 1 title}</div>
  1097. <div id="title2">{text:box 2 title}</div>
  1098. <div id="title3">{text:box 3 title}</div>
  1099. <div id="title4">{text:box 4 title}</div>
  1100. <div id="title5">{text:box 5 title}</div>
  1101. <div id="title6">{text:box 6 title}</div>
  1102. <div id="title7">{text:box 7 title}</div>
  1103. <div id="description">{description}</div>
  1104.  
  1105. <!---- - START ALBUMS
  1106. To add more albums, just copy and paste the following code. - --->
  1107.  
  1108. <div id="albums"><a href="/" title="edit in html"><img src="http://assets2.thefourohfive.com/data/21362/main_article/eminem-the-marshall-mathers-lp-2-2013.jpg?1383908124" style="width:65px;height:65px;" align="left"></a>
  1109.  
  1110. <b>ALBUM NAME:</b> The Marshall Mathers LP 2</br>
  1111. <b>YEAR:</b> 2013
  1112. </br>
  1113. <b>TRACKS:</b> 16 TRACKS
  1114. </br>
  1115.  
  1116. <a href="/" title="edit in html"><img src="https://upload.wikimedia.org/wikipedia/en/6/60/Recovery_Album_Cover.jpg" style="width:65px;height:65px;" align="left"></a>
  1117.  
  1118. <b>ALBUM NAME:</b> Recovery
  1119.  
  1120. </br>
  1121.  
  1122. <b>YEAR:</b> 2010
  1123.  
  1124. </br>
  1125.  
  1126. <b>TRACKS:</b> 17 TRACKS
  1127.  
  1128. </br>
  1129.  
  1130. <a href="/" title="edit in html"><img src="https://upload.wikimedia.org/wikipedia/en/4/42/Relapse_(album).jpg" style="width:65px;height:65px;" align="left"></a>
  1131.  
  1132. <b>ALBUM NAME:</b> Relapse
  1133.  
  1134. </br>
  1135.  
  1136. <b>YEAR:</b> 2009
  1137.  
  1138. </br>
  1139.  
  1140. <b>TRACKS:</b> 20 TRACKS
  1141.  
  1142. </br>
  1143.  
  1144. </div>
  1145.  
  1146. <!---- - END ALBUMS - --->
  1147.  
  1148. <div id="disclaimer">{text:disclaimer}</div>
  1149. <div id="titlee">{text:title}</div>
  1150.  
  1151. <!---- - START EVENTS
  1152. To add more events, just copy the code below. - --->
  1153.  
  1154. <div id="eventss"> No upcoming events at the moment. (Below is an preview example)
  1155. <big><center>TOUR 2014</center></big>
  1156. </ul>
  1157. <big>CITY:</big> Atlanta, Georgia
  1158. </br>
  1159. <big>VENUE:</big> Piedmont Park
  1160. </br>
  1161. <big>DATE:</big> Friday, September 19
  1162. </div>
  1163.  
  1164. <!---- - END EVENTS - --->
  1165.  
  1166. <div id="about-text"><img src="{PortraitURL-128}" style="width:60px;height:60px;border:1px solid #ddd" align="right"> {text:about user}</div>
  1167.  
  1168. <!---- - END BASICS / DONT TOUCH!!! - --->
  1169.  
  1170. <!---- - START MEMBERS -
  1171. To add more blog members, just copy and paste the code below.--->
  1172.  
  1173. <div id="members"><img src="{image:member}" style="width:50px;height:50px;padding-right:14px" align="left"> {text:about member}</div>
  1174.  
  1175. <!---- - END MEMBERS / DONT TOUCH!!! - --->
  1176.  
  1177. <!---- - START HEADER / DONT TOUCH!!! - --->
  1178.  
  1179. <div id="header"><img src="{image:header}"></a></div>
  1180.  
  1181. <!---- - END HEADER / DONT TOUCH!!! - --->
  1182.  
  1183. <!---- - START AFFILIATES -
  1184. To add more affiliates, just copy and paste the code below.--->
  1185.  
  1186. <div id="faq-text">
  1187. <a href="/" title="edit in html"><img src="http://images4.fanpop.com/image/photos/22700000/Eminem-3-eminem-22761034-140-140.jpg"></a>
  1188. <a href="/" title="edit in html"><img src="http://images4.fanpop.com/image/photos/22700000/Eminem-3-eminem-22761034-140-140.jpg"></a>
  1189. <a href="/" title="edit in html"><img src="http://images4.fanpop.com/image/photos/22700000/Eminem-3-eminem-22761034-140-140.jpg"></a>
  1190. <a href="/" title="edit in html"><img src="http://images4.fanpop.com/image/photos/22700000/Eminem-3-eminem-22761034-140-140.jpg"></a>
  1191.  
  1192.  
  1193.  
  1194. </div>
  1195.  
  1196. <!---- - END AFFILIATES / DONT TOUCH!!! - --->
  1197.  
  1198. <!---- - START DIAMONDS / DONT TOUCH!!! - --->
  1199.  
  1200. </div>
  1201. <div id="diamondd"style="{color:diamonds}">
  1202. <i class="fa fa-diamond"style="{color:diamonds}"></i></a>
  1203. </div>
  1204. </div>
  1205.  
  1206. </div>
  1207. <div id="diamonddd"style="{color:diamonds}">
  1208. <i class="fa fa-diamond"style="{color:diamonds}"></i></a>
  1209. </div>
  1210. </div>
  1211.  
  1212. <!---- - END DIAMONDS / DONT TOUCH!!! - --->
  1213.  
  1214. <!---- - START STICKY BACKGROUND / DONT TOUCH!!! - --->
  1215.  
  1216. </div>
  1217. <div class="topp">
  1218. <div id="navi">
  1219.  
  1220. </div>
  1221. </div>
  1222.  
  1223. <!---- Sticky Position (Bar) with CSS or jQuery by http://www.hongkiat.com/ --->
  1224.  
  1225. <script>
  1226. var header = document.querySelector('.topp');
  1227. var origOffsetY = header.offsetTop;
  1228.  
  1229. function onScroll(e) {
  1230. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1231. header.classList.remove('sticky');
  1232. }
  1233.  
  1234. document.addEventListener('scroll', onScroll);
  1235. </script>
  1236.  
  1237. <!---- - END STICKY BACKGROUND / DONT TOUCH!!! - --->
  1238.  
  1239. <!---- - START LINKS / DONT TOUCH!!! - --->
  1240.  
  1241. <div class="links1"style="z-index:-99999">
  1242. <div id="all">
  1243. <a href="/">Home</a>
  1244. <a href="/ask">askbox</a>
  1245. <a href="{text:link 1 url}">{text:link 1}</a>
  1246. <a href="{text:link 2 url}">{text:link 2}</a>
  1247. <a href="{text:link 3 url}">{text:link 3}</a>
  1248. <a href="{text:link 4 url}">{text:link 4}</a>
  1249. </div>
  1250.  
  1251. <!---- - END LINKS / DONT TOUCH!!! - --->
  1252.  
  1253. <!---- - START PAGI / DONT TOUCH!!! - --->
  1254.  
  1255. </div>
  1256.  
  1257. <div id="pagination">{block:Pagination}
  1258. {block:PreviousPage}
  1259. <a href="{PreviousPage}">BACK </a>
  1260. {/block:PreviousPage}
  1261.  
  1262. {block:NextPage}
  1263. <a href="{NextPage}">NEXT</a>
  1264. {/block:NextPage}
  1265. {/block:Pagination}</div>
  1266. </div></div>
  1267.  
  1268. <!---- - END PAGI / DONT TOUCH!!! - --->
  1269.  
  1270. <!---- - START POSTS & ENTRIES / DONT TOUCH!!! - --->
  1271.  
  1272. <div id="entries">
  1273. {block:Posts}
  1274. <div id="post"
  1275.  
  1276.  
  1277.  
  1278. <div id="post">
  1279.  
  1280. {block:Date}
  1281. <div id="permalink">
  1282. {block:NotReblog}<a href="{URL}" target="_blank" title="{Name}"></a>{/block:NotReblog}
  1283. <a href="{Permalink}"> {DayOfMonth} {ShortMonth} {Year} </a> | {NoteCount} Note/s
  1284. </div>
  1285. {/block:Date}
  1286.  
  1287. <!---- - END POSTS & ENTRIES / DONT TOUCH!!! - --->
  1288.  
  1289. <!--TEXT POSTS-->
  1290.  
  1291. {block:Text}
  1292. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1293. {Body}
  1294. {/block:Text}
  1295.  
  1296. <!---- - END TEXT POSTS / DONT TOUCH!!! - --->
  1297.  
  1298. <!---- - START ANSWER & QUESTION / DONT TOUCH!!! - --->
  1299.  
  1300. {block:Answer}
  1301. <div id="asking"><img src="{AskerPortraitURL-48}"/></div>
  1302. <div id="asker">{Asker} sent:</div>
  1303. <div id="question">{Question}</div>
  1304. {Answer}{/block:Answer}
  1305.  
  1306. <!---- - END ANSWER & QUESTION / DONT TOUCH!!! - --->
  1307.  
  1308. <!---- - START QUOTE / DONT TOUCH!!! - --->
  1309.  
  1310. {block:Quote}
  1311.  
  1312. {block:Quote}
  1313. <h2>{Quote}</h2>
  1314. <div align="right">
  1315. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1316. </div>
  1317. {/block:Quote}
  1318.  
  1319. <!---- - END QUOTE / DONT TOUCH!!! - --->
  1320.  
  1321. <!---- - START LINK & CHAT / DONT TOUCH!!! - --->
  1322.  
  1323. {block:Link}
  1324. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1325. {block:Description}{Description}{/block:Description}
  1326. {/block:Link}
  1327.  
  1328.  
  1329.  
  1330. {block:Chat}
  1331. {block:Title}<h2>{Title}</h2>{/block:Title}
  1332. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1333. {Line}</li>{/block:Lines}</ul>
  1334. {/block:Chat}
  1335.  
  1336. <!---- - END LINK & CHAT / DONT TOUCH!!! - --->
  1337.  
  1338. <!---- - START PHOTO / DONT TOUCH!!! - --->
  1339.  
  1340. {block:Photo}
  1341. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1342.  
  1343. {block:Caption}{Caption}{/block:Caption}
  1344. {/block:Photo}
  1345.  
  1346.  
  1347.  
  1348. {block:Photoset}
  1349. {Photoset-500}
  1350. {block:Caption}{Caption}{/block:Caption}
  1351. {/block:Photoset}
  1352.  
  1353.  
  1354.  
  1355. {block:Video}
  1356. {Video-500}
  1357. {block:Caption}{Caption}{/block:Caption}
  1358. {/block:Video}
  1359.  
  1360. <!---- - END PHOTO / DONT TOUCH!!! - --->
  1361.  
  1362. <!---- - START AUDIO / DONT TOUCH!!! - --->
  1363.  
  1364.  
  1365. {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>
  1366. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1367. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1368. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1369. {/block:Audio}
  1370.  
  1371. <!---- - END AUDIO / DONT TOUCH!!! - --->
  1372.  
  1373. <!---- - START INFO / DONT TOUCH!!! - --->
  1374.  
  1375. <div id="info">
  1376. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1377. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1378. </div></div>
  1379.  
  1380. {/block:Posts}{/block:Posts}</div></div></div>
  1381. </div>
  1382. </div>
  1383.  
  1384. <!---- - END INFO / DONT TOUCH!!! - --->
  1385.  
  1386. <!---- - START CREDIT / DONT TOUCH!!! - --->
  1387.  
  1388. <div id="credit">
  1389. <a href="http://adf.ly/1NFPh1"><i class="fa fa-diamond"title="made by im-halsey"></i></a>
  1390.  
  1391. </div>
  1392. </div>
  1393. <!---- - END CREDIT / DONT TOUCH!!! - --->
  1394.  
  1395. </html>
  1396. <!---- - 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!