API tools faq
paste
azurethemes

theme 59

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