API tools faq
paste
azurethemes

theme 80

azurethemes
Dec 18th, 2015
785
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.78 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3.  
  4.  
  5.  
  6.  
  7. +-+-+-+-+-+-+-+-+
  8. |m|o|o|n|s|t|a|r|
  9. +-+-+-+-+-+-+-+-+-+
  10. |t|h|e|m|e|s|
  11. +-+-+-+-+-+-+
  12. © 2015
  13.  
  14.  
  15. ❝ theme 080 ❞
  16.  
  17. ◜ ◝ ◞ ★ ☾ alpha omega ☽ ★ ◟ ◠ ◡
  18.  
  19. this theme was made by moonstarthemes (jvstincvlt)
  20. this theme was yet not published for public use.
  21. editable for own use only.
  22. to publish an edited version of this theme, shoot me a message
  23. do not take parts of the coding & use for your own themes.
  24. do not claim the theme to be yours.
  25. do not remove the credit.
  26.  
  27. © moonstarthemes / jvstincvlt 2015. All Rights Reserved.
  28.  
  29.  
  30. --->
  31. <!---- - START HTML / DONT TOUCH!!! - --->
  32. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  33. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  34. <script type="text/javascript">
  35. WebFontConfig = {
  36. google: { families: [ 'Roboto:400,500,700:latin' , 'Roboto::latin' , 'Khand:400,600:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin', 'Ubuntu:400,700:latin', 'Poppins:400,700:latin', 'Carrois+Gothic::latin', 'Orienta::latin', 'Oxygen:400,700:latin' , 'Hind:400,700:latin' , 'Karla:400,700:latin' , 'Open+Sans:400,700,600:latin' , 'Exo:400,700,600:latin','Roboto+Condensed:400,700:latin', 'PT+Sans:400,700:latin', 'Droid+Sans:400,700:latin', 'Arimo:400,700:latin', 'Titillium+Web:400,600,700:latin' ] }
  37. };
  38. (function() {
  39. var wf = document.createElement('script');
  40. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  41. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  42. wf.type = 'text/javascript';
  43. wf.async = 'true';
  44. var s = document.getElementsByTagName('script')[0];
  45. s.parentNode.insertBefore(wf, s);
  46. })(); </script>
  47. <!---- - START TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  48. <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>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("a[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61. <script>
  62. **
  63. * borderMenu.js v1.0.0
  64. * http://www.codrops.com
  65. *
  66. * Licensed under the MIT license.
  67. * http://www.opensource.org/licenses/mit-license.php
  68. *
  69. * Copyright 2013, Codrops
  70. * http://www.codrops.com
  71.  
  72.  
  73. return check;
  74. }
  75.  
  76. function init() {
  77.  
  78. var menu = document.getElementById( 'bt-menu' ),
  79. trigger = menu.querySelector( 'a.bt-menu-trigger' ),
  80. // triggerPlay only for demo 6
  81. triggerPlay = document.querySelector( 'a.bt-menu-trigger-out' ),
  82. // event type (if mobile use touch events)
  83. eventtype = mobilecheck() ? 'touchstart' : 'click',
  84. resetMenu = function() {
  85. classie.remove( menu, 'bt-menu-open' );
  86. classie.add( menu, 'bt-menu-close' );
  87. },
  88. closeClickFn = function( ev ) {
  89. resetMenu();
  90. overlay.removeEventListener( eventtype, closeClickFn );
  91. };
  92.  
  93. var overlay = document.createElement('div');
  94. overlay.className = 'bt-overlay';
  95. menu.appendChild( overlay );
  96.  
  97. trigger.addEventListener( eventtype, function( ev ) {
  98. ev.stopPropagation();
  99. ev.preventDefault();
  100.  
  101. if( classie.has( menu, 'bt-menu-open' ) ) {
  102. resetMenu();
  103. }
  104. else {
  105. classie.remove( menu, 'bt-menu-close' );
  106. classie.add( menu, 'bt-menu-open' );
  107. overlay.addEventListener( eventtype, closeClickFn );
  108. }
  109. });
  110.  
  111. if( triggerPlay ) {
  112. triggerPlay.addEventListener( eventtype, function( ev ) {
  113. ev.stopPropagation();
  114. ev.preventDefault();
  115.  
  116. classie.remove( menu, 'bt-menu-close' );
  117. classie.add( menu, 'bt-menu-open' );
  118. overlay.addEventListener( eventtype, closeClickFn );
  119. });
  120. }
  121.  
  122. }
  123.  
  124. init();
  125.  
  126. })();
  127.  
  128. </script>
  129.  
  130. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  131. <script>
  132. $(document).ready(function(){
  133.  
  134. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  135. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-chevron-up"></i></a>'].join("");
  136. $("body").append(back_to_top_button)
  137.  
  138. // Der Button wird ausgeblendet
  139. $(".back-to-top").hide();
  140.  
  141. // Funktion für das Scroll-Verhalten
  142. $(function () {
  143. $(window).scroll(function () {
  144. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  145. $('.back-to-top').fadeIn();
  146. } else {
  147. $('.back-to-top').fadeOut();
  148. }
  149. });
  150.  
  151. $('.back-to-top').click(function () { // Klick auf den Button
  152. $('body,html').animate({
  153. scrollTop: 0
  154. }, 800);
  155. return false;
  156. });
  157. });
  158.  
  159. });
  160. </script>
  161. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  162. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  163. <head>
  164. <title>{Title}</title>
  165. <link rel="shortcut icon" href="{Favicon}">
  166. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  167. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  168. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  169. <meta name="color:background" content="#f5f5f5"/>
  170. <meta name="color:blockquote" content="#fffdfd">
  171. <meta name="color:posts" content="#ffffff">
  172. <meta name="color:scrollbar" content="#000000">
  173. <meta name="color:scrollbar background" content="#ffffff">
  174. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  175. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  176. <meta name="color:text" content="#000000"/>
  177. <meta name="color:info text" content="#888888"/>
  178. <meta name="color:post text" content="#000000"/>
  179. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  180. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  181. <meta name="color:hover" content="#97c5e0">
  182. <meta name="color:links" content="#000000"/>
  183. <meta name="color:accent" content="#888888"/>
  184. <meta name="color:text accent" content="#ff8f8f"/>
  185. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  186. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  187. <meta name="color:blockquote border" content="#000000">
  188. <meta name="color:border" content="#f6f6f6">
  189. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  190. <!---- - START IMAGES / DONT TOUCH!!! - --->
  191. <meta name="image:background" content=""/>
  192. <meta name="image:icon" content=""/>
  193. <meta name="image:header" content=""/>
  194. <!---- - END IMAGES / DONT TOUCH!!! - --->
  195. <meta name="text:title" content="theme 80">
  196. <meta name="text:scrolling title" content="this is your scrolling text">
  197. <!---- - START LINKS / DONT TOUCH!!! - --->
  198. <meta name="text:link one" content="Link One">
  199. <meta name="text:link two" content="Link two">
  200. <meta name="text:link three" content="Link three">
  201. <meta name="text:link one url" content="/">
  202. <meta name="text:link two url" content="/">
  203. <meta name="text:link three url" content="/">
  204. <!---- - END LINKS / DONT TOUCH!!! - --->
  205.  
  206. <style type="text/css">
  207.  
  208. ::-webkit-scrollbar-thumb {
  209. height:auto;
  210. background-color:{color:scrollbar};
  211. }
  212. ::-webkit-scrollbar {
  213. height:2px;
  214. width:5px;
  215. background-color:{color:scrollbar background};
  216. }
  217. #s-m-t-tooltip {
  218. margin:12px 0px 0px 12px;
  219. padding:10px;
  220. background-color:{color:text};
  221. font-family: 'roboto', sans-serif;
  222. font-weight:400;
  223. font-size:10px;
  224. text-transform:uppercase;
  225. letter-spacing:1px;
  226. color:{color:posts};
  227. z-index:999999999999999999999999999999999999;
  228. }
  229. body {
  230. background-color:{color:background};
  231. background-image:url('http://www.designbolts.com/wp-content/uploads/2012/12/Tiny-Grid-Seamless-Patterns-For-Website-Backgrounds.jpg');
  232. background-attachment: fixed;
  233. background-repeat: repeat;
  234. font-weight:none;
  235. font-family: 'roboto', sans-serif;
  236. font-size:10px;
  237. text-align:justify;
  238. color:{color:text};
  239. margin:0;
  240. }
  241. a {
  242. text-decoration:none;
  243. color:{color:links};
  244. transition-duration: 0.1s;
  245. -moz-transition-duration: 0.1s;
  246. -webkit-transition-duration: 0.1s;
  247. -o-transition-duration: 0.1s;
  248. }
  249. a:hover {
  250. text-decoration:none;
  251. color:{color:hover};
  252. transition-duration: 0.1s;
  253. -moz-transition-duration: 0.1s;
  254. -webkit-transition-duration: 0.1s;
  255. -o-transition-duration: 0.1s;
  256. }
  257. img {
  258. }
  259. blockquote {
  260. font-size:10px;
  261. max-width:545px;
  262. border-left:3px solid{color:accent};
  263. text-align:left;
  264. padding:1px;
  265. font-weight:none;
  266. margin-left:0px;
  267. padding-top:0.5px;
  268. padding-bottom:0.5px;
  269. font-size:10px;
  270. font-family: 'arial', sans-serif;
  271. margin-right:30px;
  272. padding-left:15px;
  273. color:{color:text};
  274. }
  275. pre{
  276. font-size:9px;
  277. text-align:center;
  278. text-transform:none;
  279. font-family: 'Bitter', serif;
  280. font-weight:bold;
  281. line-height:9px;
  282. border-left:1px solid {color:border};
  283. border-bottom:1px solid {color:border};
  284. letter-spacing:2px;
  285. background-color:{color:blockquote};
  286. color:{color:post text};
  287. padding:6px;
  288. }
  289. small{
  290. font-size:8px;
  291. }
  292. big{
  293. font-size:11px;
  294. }
  295. sub{
  296. font-size:7px;
  297. text-align:left;
  298. }
  299. h1 {
  300. font-size:11px;
  301. text-align:center;
  302. font-family: 'roboto', sans-serif;
  303. letter-spacing:0px;
  304. text-transform:uppercase;
  305. font-weight:700;
  306. line-height:17px;
  307. border:1px solid {color:border};
  308. border-left:3px solid {color:border};
  309. background-color:{color:blockquote};
  310. color:{color:post text};
  311. padding:1px;
  312. }
  313. h1 a{
  314. color:{color:post text};
  315. background-color:{color:blockquote};
  316. }
  317. h2{
  318. color:{color:post text};
  319. text-transform:uppercase;
  320. font-family: 'Roboto', sans-serif;
  321. text-align:left;
  322. }
  323. b {
  324. font-weight:bold;
  325. padding:2px;
  326. font-family: 'Roboto', sans-serif;
  327. color:{color:text};
  328. }
  329. i {
  330. font-weight:italic;
  331. color:{color:text};
  332. }
  333. m {
  334. font-style:italic;
  335. color:{color:top text};
  336. }
  337. j {
  338. font-weight:bold;
  339. }
  340. n {
  341. font-weight:bold;
  342. letter-spacing:-1px;
  343. text-shadow: 1px 1px 1px #cccccc;
  344. font-size:12px;
  345. text-transform:uppercase;
  346. color:{color:text};
  347. }
  348. u {
  349. text-decoration:none;
  350. text-shadow: 1px 1px 1px #cccccc;
  351. border-bottom:1px solid {color:text};
  352. }
  353. #description {
  354. overflow:auto;
  355. position:fixed;
  356. text-align:justify;
  357. top:266px;
  358. margin-left:213px;
  359. word-wrap: break-word;
  360. font-family: 'Roboto Condensed', sans-serif;
  361. background:{color:posts};
  362. width:250px;
  363. height:90px;
  364. opacity:1;
  365. line-height:13px;
  366. font-weight:400;
  367. color:{color:text};
  368. padding:25px;
  369. letter-spacing:0px;
  370. font-size:11px;
  371. z-index:99999999;
  372. transition-duration: 0.9s;
  373. -moz-transition-duration:0.9s;
  374. -webkit-transition-duration:0.9s;
  375. -o-transition-duration:0.9s;
  376. }
  377. #description::-webkit-scrollbar{
  378. width: 0px;
  379. }
  380. #description::-webkit-scrollbar-thumb{
  381. background:transparent;
  382. }
  383. #description::-webkit-scrollbar-track{
  384. background-color:transparent;
  385. }
  386. .pagination{
  387. font-family: 'roboto', sans-serif;
  388. margin-left:110px;
  389. top:440px;
  390. width:500px;
  391. position:fixed;
  392. font-size:10px;
  393. text-align:center;
  394. }
  395. .pagination a{
  396. padding:5px;
  397. font-family: 'roboto', sans-serif;
  398. border-radius:5px 5px 5px 5px;
  399. font-weight:500;
  400. margin-left:3px;
  401. background:{color:posts};
  402. margin-top:150px;
  403. color:{color:text};
  404. }
  405. .pagination a:hover{
  406. color:{color:hover};
  407. -moz-transition-duration:0.5s;
  408. -webkit-transition-duration:0.5s;
  409. -o-transition-duration:0.5s;
  410. transition: all 0.3s ease-out;
  411. }
  412. .ilinks {
  413. width:230px;
  414. height:90px;
  415. overflow:hidden;
  416. cursor:pointer;
  417. top:260px;
  418. opacity:1;
  419. z-index:999999999;
  420. position:fixed;
  421. margin-left:225px;
  422. text-align:center;
  423. }
  424. .ilinks #all {
  425. margin-left:-5px;
  426. margin-top:5px;
  427. padding:5px;
  428. -webkit-transition: all 0.3s ease-in-out;
  429. -moz-transition: all 0.3s ease-in-out;
  430. -o-transition: all 0.3s ease-in-out;
  431. -ms-transition: all 0.3s ease-in-out;
  432. transition: all 0.3s ease-in-out;
  433. }
  434. .ilinks #all a:hover {
  435. color:{color:hover};
  436. border-bottom:4px solid {color:info accent};
  437. -webkit-transition: all 0.3s ease-in-out;
  438. -moz-transition: all 0.3s ease-in-out;
  439. -o-transition: all 0.3s ease-in-out;
  440. -ms-transition: all 0.3s ease-in-out;
  441. transition: all 0.3s ease-in-out;
  442. }
  443. .ilinks a {
  444. width:auto;
  445. height:48px;
  446. margin-bottom:5px;
  447. text-align:center;
  448. text-transform:uppercase;
  449. padding:4px;
  450. opacity:1;
  451. line-height:25px;
  452. color:{color:text};
  453. font-style:none;
  454. z-index:99999;
  455. margin-left:-3px;
  456. font-weight:500;
  457. border-bottom:4px solid transparent;
  458. font-family: 'Roboto', sans-serif;
  459. letter-spacing:0px;
  460. font-size:13px;
  461. display:inline-block;
  462. -webkit-transition: all 0.3s ease-in-out;
  463. -moz-transition: all 0.3s ease-in-out;
  464. -o-transition: all 0.3s ease-in-out;
  465. -ms-transition: all 0.3s ease-in-out;
  466. transition: all 0.3s ease-in-out;
  467. }
  468. .hide{
  469. width:300px;
  470. height:150px;
  471. top:250px;
  472. opacity:1;
  473. position:fixed;
  474. font-family: 'raleway', sans-serif;
  475. letter-spacing:-1px;
  476. text-align:center;
  477. font-weight:700;
  478. color:{color:text};
  479. text-transform:uppercase;
  480. line-height:55px;
  481. background:{color:posts};
  482. border-bottom:1px solid transparent;
  483. font-size:15px;
  484. margin-left:-5px;
  485. z-index:-999999999999;
  486. }
  487. #title2{
  488. width:300px;
  489. height:57px;
  490. top:67px;
  491. opacity:1;
  492. position:fixed;
  493. font-family: 'arial black', sans-serif;
  494. letter-spacing:0px;
  495. text-align:left;
  496. font-weight:600;
  497. color:{color:text accent};
  498. text-transform:uppercase;
  499. line-height:57px;
  500. font-size:13px;
  501. margin-left:218px;
  502. z-index:9999999;
  503.  
  504. }
  505. #icon {
  506. position:fixed;
  507. width:70px;
  508. margin-top:190px;
  509. padding:10px;
  510. height:70px;
  511. margin-left:180px;
  512. background-color:transparent;
  513. z-index:9999999999999999;
  514. }
  515. #iconimage {
  516. width 70px;
  517. z-index:-99999;
  518. }
  519. #iconimage img {
  520. width:70px;
  521. height:70px;
  522. margin-left:328px;
  523. border:3px solid {color:text accent};
  524. top:210px;
  525. position:fixed;
  526. border-radius:10px ;
  527. opacity:1;
  528. z-index:99999999999;
  529. }
  530. #header {
  531. position:fixed;
  532. width:70px;
  533. margin-top:190px;
  534. padding:10px;
  535. height:70px;
  536. margin-left:180px;
  537. background-color:transparent;
  538. z-index:9999999999999999;
  539. }
  540. #headerimage {
  541. width 70px;
  542. z-index:-99999;
  543. }
  544. #headerimage img {
  545. width:300px;
  546. height:150px;
  547. margin-left:213px;
  548. top:100px;
  549. position:fixed;
  550. border-radius:10px 10px 0px 0px;
  551. opacity:1;
  552. z-index:9999999;
  553. }
  554. #entries {
  555. margin-left:690px;
  556. margin-top:-60px;
  557. }
  558. #post {
  559. font-size:10px;
  560. width:500px;
  561. color:{color:post text};
  562. background-color:{color:posts};
  563. text-align:justify;
  564. padding:20px;
  565. float:left;
  566. border-radius:10px 10px 10px 10px;
  567. padding-top:5px;
  568. padding-bottom:12px;
  569. overflow:hidden;
  570. line-height:20px;
  571. margin-bottom:70px;
  572. }
  573. #post img{
  574. max-width:500px;
  575. height:auto;
  576. }
  577. #permalink{
  578. margin-bottom:15px;
  579. text-align:left;
  580. font-size:9px;
  581. margin-left:-2px;
  582. margin-top:11px;
  583. font-weight:bold;
  584. width:520px;
  585. font-size:11px;
  586. text-transform:none;
  587. font-weight:300;
  588. font-family: 'arial', sans-serif;
  589. letter-spacing:0px;
  590. line-height:5px;
  591. color:{color:post text};
  592. }
  593. #permalink a{
  594. color:{color:post text};
  595. font-family: 'arial', sans-serif;
  596. font-size:11px;
  597. margin-left:-3px;
  598. text-transform:none;
  599. font-weight:700;
  600. padding:3px;
  601. }
  602. #permalinkb{
  603. margin-bottom:15px;
  604. text-align:left;
  605. font-size:9px;
  606. margin-left:0px;
  607. margin-top:3px;
  608. font-weight:bold;
  609. width:520px;
  610. font-size:10px;
  611. text-transform:none;
  612. font-weight:300;
  613. font-family: 'arial', sans-serif;
  614. letter-spacing:0px;
  615. line-height:5px;
  616. color:{color:info text};
  617. }
  618. #permalinkb a{
  619. color:{color:info text};
  620. font-family: 'arial', sans-serif;
  621. font-size:9px;
  622. opacity:0.8;
  623. margin-left:-3px;
  624. text-transform:none;
  625. font-weight:300;
  626. padding:3px;
  627. }
  628. #info {
  629. width:500px;
  630. height:25px;
  631. text-align:left;
  632. font-family: 'arial', sans-serif;
  633. text-transform:uppercase;
  634. margin-left:-5px;
  635. font-size:11px;
  636. margin-top:10px;
  637. overflow:hidden;
  638. font-weight:700;
  639. font-style:none;
  640. padding:10px;
  641. line-height:15px;
  642. color:{color:info text};
  643. }
  644. #info a {
  645. text-align:center;
  646. font-weight:600;
  647. font-size:11px;
  648. letter-spacing:0px;
  649. font-family: 'arial', sans-serif;
  650. line-height:7px;
  651. color:{color:info text};
  652. }
  653. #info a:hover{
  654. color:{color:hover};
  655. }
  656. .right{
  657. float:center;
  658. }
  659. #tags {
  660. text-align:left;
  661. opacity:1;
  662. font-size:11px;
  663. font-family: 'arial', sans-serif;
  664. margin-top:-55px;
  665. margin-left:-5px;
  666. padding:5px;
  667. font-weight:none;
  668. color:{color:info text};
  669. margin-bottom:15px;
  670. height:15px;
  671. width:510px;
  672. text-transform:none;
  673. transition-duration: 0.5s;
  674. -moz-transition-duration: 0.5s;
  675. -webkit-transition-duration: 0.5s;
  676. -o-transition-duration: 0.5s;
  677. }
  678. #tags a {
  679. padding:0px;
  680. margin-top:-13px;
  681. color:{color:info text};
  682. line-height:12px;
  683. letter-spacing:0px;
  684. font-weight:none;
  685. text-align:left;
  686. font-size:11px;
  687. font-family: 'arial', sans-serif;
  688. display:inline-block;
  689. }
  690. #tags a:hover {
  691. -moz-transition-duration:0.3s;
  692. -webkit-transition-duration:0.3s;
  693. -o-transition-duration:0.3s;
  694. color:{color:hover};
  695. }
  696. #asking {
  697. margin-left:20px;
  698. margin-top:-35px;
  699. }
  700. #askingimage {
  701. }
  702. #askingimage img {
  703. margin-left:455px;
  704. width:43px;
  705. height:43px;
  706. border-radius:4px 4px 4px 4px;
  707. margin-top:0px;
  708. }
  709. #question {
  710. padding:20px;
  711. padding-left:14px;
  712. margin-top:-27px;
  713. margin-left:0px;
  714. font-size:10px;
  715. width:400px;
  716. border-radius:2px 2px 2px 2px;
  717. color:{color:text};
  718. background-color:{color:text accent};
  719. }
  720. #asker{
  721. margin-top:-65px;
  722. padding:1px;
  723. font-weight:300;
  724. font-size:11px;
  725. z-index:9999999999;
  726. color:{color:text};
  727. opacity:1;
  728. margin-left:14px;
  729. letter-spacing:0px;
  730. font-family: 'roboto', sans-serif;
  731. text-transform:lowercase;
  732. }
  733. #credit{
  734. position:fixed;
  735. font-size:9px;
  736. font-weight:bold;
  737. padding-bottom:5px;
  738. padding-top:5px;
  739. height:20px;
  740. width:20px;
  741. opacity:1;
  742. padding-left:5px;
  743. padding-right:5px;
  744. margin-left:1330px;
  745. top:645px;
  746. letter-spacing:0px;
  747. line-height:22px;
  748. border:1px solid #ddd;
  749. padding:3px;
  750. text-align:center;
  751. float:left;
  752. font-family: 'open sans', sans-serif;
  753. color:{color:text};
  754. text-transform:uppercase;
  755. background-color: rgba(255,255,255, 0.3);
  756. transition-duration: 0.8s;
  757. }
  758. #credit:hover{
  759. background:{color:text accent};
  760. }
  761. tit2 {
  762. font-size:8px;
  763. text-align:left;
  764. line-height:21px;
  765. text-transform:uppercase;
  766. font-family: 'lato', sans-serif;
  767. letter-spacing:1px;
  768. margin-bottom:4px;
  769. color:{color:title text};
  770. padding:0px;
  771. }
  772. midline {
  773. font-size:20px;
  774. text-align:left;
  775. line-height:27px;
  776. text-transform:uppercase;
  777. font-family: 'roboto', sans-serif;
  778. letter-spacing:1px;
  779. font-weight:300;
  780. margin-bottom:4px;
  781. color:{color:title text};
  782. padding:5px;
  783. }
  784. date {
  785. font-size:12px;
  786. text-align:center;
  787. width:auto;
  788. height:5px;
  789. font-weight:none;
  790. font-weight:700;
  791. font-family: 'roboto', sans-serif;
  792. letter-spacing:-1px;
  793. background-color:{color:info accent};
  794. color:{color:text};
  795. padding:13px;
  796. }
  797. dateu {
  798. font-size:12px;
  799. text-align:center;
  800. width:auto;
  801. height:5px;
  802. font-weight:700;
  803. text-transform:uppercase;
  804. font-family: 'roboto', sans-serif;
  805. background:{color:accent};
  806. letter-spacing:3px;
  807. color:{color:text};
  808. padding:13px;
  809. }
  810. .triangle {
  811. align:right;
  812. margin:7px 0px 10px 0px;
  813. padding:10px;
  814. position: relative;
  815. }
  816. .triangle t1{
  817. display:block;
  818. position:absolute;
  819. width:1px;
  820. height:1px
  821. font-size:0;
  822. margin-left:5px;
  823. top:-19px;z-index:9999999;
  824. border-right:7px solid transparent;
  825. border-left:7px solid transparent;
  826. border-top:10px solid transparent;
  827. -ms-transform: rotate(92deg); /* IE 9 */
  828. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  829. transform: rotate(92deg);
  830. }
  831. .triangle t2 {
  832. display:block;
  833. position:absolute;
  834. width:0px;
  835. height:1px
  836. font-size:0;
  837. margin-left:381px;
  838. top:-27px;
  839. border-right:9px solid transparent;
  840. border-left:9px solid transparent;
  841. border-top:10px solid {color:text accent};
  842. -ms-transform: rotate(90deg); /* IE 9 */
  843. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  844. transform: rotate(270deg);
  845. }
  846. .back-to-top {
  847. background:{color:text accent};
  848. position: fixed;
  849. color:{color:text};
  850. bottom:40px;
  851. right:40px;
  852. padding:10px;
  853. }
  854. .container {
  855. padding: 80px;
  856. }
  857.  
  858. .bt-menu {
  859. position: fixed;
  860. top: 0;
  861. left: 0;
  862. width: 100%;
  863. height: 50px;
  864. border-width: 0px;
  865. border-style: solid;
  866. border-color: {color:text accent};
  867. z-index:99999999999999999999999999999999;
  868. background-color: rgba(0,0,0,0);
  869. -webkit-backface-visibility: hidden;
  870. -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  871. transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  872. }
  873.  
  874. .bt-menu.bt-menu-open {
  875. height: 100%;
  876. border-width: 50px 50px 50px 100px;
  877. background-color: rgba(0,0,0,0.3);
  878. -webkit-transition: border-width 0.3s, background-color 0.3s;
  879. transition: border-width 0.3s, background-color 0.3s;
  880. }
  881.  
  882. .bt-overlay {
  883. position: absolute;
  884. width: 100%;
  885. z-index:99999999999999999999999999999999;
  886. }
  887.  
  888. .bt-menu-open .bt-overlay {
  889. height: 100%;
  890. z-index:99999999999999999999999999999999;
  891. }
  892.  
  893. .bt-menu-trigger {
  894. position: fixed;
  895. top: 10px;
  896. left: 10px;
  897. z-index: 100;
  898. display: block;
  899. width: 50px;
  900. height: 50px;
  901. background:{color:text accent};
  902. cursor: pointer;
  903. }
  904.  
  905. .bt-menu-trigger span {
  906. position: absolute;
  907. top: 24px;
  908. left: 13px;
  909. display: block;
  910. width: 50%;
  911. height: 8%;
  912. background-color:{color:posts};
  913. font-size: 0px;
  914. -webkit-touch-callout: none;
  915. -webkit-user-select: none;
  916. -khtml-user-select: none;
  917. -moz-user-select: none;
  918. -ms-user-select: none;
  919. user-select: none;
  920. -webkit-transition: background-color 0.3s;
  921. transition: background-color 0.3s;
  922. }
  923.  
  924. .bt-menu-trigger span:before,
  925. .bt-menu-trigger span:after {
  926. position: absolute;
  927. left: 0;
  928. width: 100%;
  929. height: 100%;
  930. background-color:{color:posts};
  931. content: '';
  932. -webkit-transition: -webkit-transform 0.3s;
  933. transition: transform 0.3s;
  934. }
  935.  
  936. .bt-menu-trigger span:before {
  937. -webkit-transform: translateY(-250%);
  938. transform: translateY(-250%);
  939. }
  940.  
  941. .bt-menu-trigger span:after {
  942. -webkit-transform: translateY(250%);
  943. transform: translateY(250%);
  944. }
  945.  
  946. .bt-menu-open .bt-menu-trigger span:before {
  947. -webkit-transform: translateY(-300%);
  948. transform: translateY(-300%);
  949. }
  950.  
  951. .bt-menu-open .bt-menu-trigger span:after {
  952. -webkit-transform: translateY(300%);
  953. transform: translateY(300%);
  954. }
  955.  
  956. .bt-menu ul {
  957. position: fixed;
  958. margin: 0;
  959. padding: 0;
  960. list-style: none;
  961. }
  962.  
  963. .bt-menu ul:first-of-type {
  964. top: 100px;
  965. left: 0;
  966. }
  967.  
  968. .bt-menu ul:nth-of-type(2) {
  969. right: 0;
  970. bottom: 0;
  971. }
  972.  
  973. .bt-menu ul li,
  974. .bt-menu ul li a {
  975. display: block;
  976. }
  977.  
  978. .bt-menu ul:nth-of-type(2) li {
  979. float: left;
  980. font-size: 0px;
  981. }
  982.  
  983. .bt-menu ul li {
  984. visibility: hidden;
  985. opacity: 0;
  986. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
  987. transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
  988. }
  989.  
  990. .bt-menu.bt-menu-open ul:first-of-type li,
  991. .bt-menu.bt-menu-open ul:nth-of-type(2) li {
  992. visibility: visible;
  993. opacity: 1;
  994. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
  995. transition: transform 0.3s, opacity 0.3s;
  996. }
  997.  
  998. /* First menu */
  999. .bt-menu ul:first-of-type li {
  1000. width: 100px;
  1001. height: 50px;
  1002. line-height: 50px;
  1003. -webkit-transform: translate3d(-100%,50%,0);
  1004. transform: translate3d(-100%,50%,0);
  1005. }
  1006.  
  1007. .bt-menu.bt-menu-open ul:first-of-type li {
  1008. -webkit-transform: translate3d(0,0,0);
  1009. transform: translate3d(0,0,0);
  1010. }
  1011.  
  1012. /* Second menu */
  1013. .bt-menu ul:nth-of-type(2) li {
  1014. width: 60px;
  1015. height: 50px;
  1016. line-height: 50px;
  1017. -webkit-transform: scale(0);
  1018. transform: scale(0);
  1019. }
  1020.  
  1021. .bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child {
  1022. -webkit-transition-delay: 0.1s;
  1023. transition-delay: 0.1s;
  1024. }
  1025.  
  1026. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) {
  1027. -webkit-transition-delay: 0.2s;
  1028. transition-delay: 0.2s;
  1029. }
  1030.  
  1031. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) {
  1032. -webkit-transition-delay: 0.3s;
  1033. transition-delay: 0.3s;
  1034. }
  1035.  
  1036. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
  1037. -webkit-transition-delay: 0.4s;
  1038. transition-delay: 0.4s;
  1039. }
  1040.  
  1041. .bt-menu.bt-menu-open ul:nth-of-type(2) li {
  1042. -webkit-transform: scale(1);
  1043. transform: scale(1);
  1044. }
  1045.  
  1046. .bt-menu ul li a {
  1047. display: block;
  1048. outline: none;
  1049. text-decoration: none;
  1050. }
  1051.  
  1052. .bt-menu ul:first-of-type li a {
  1053. padding: 0 20px;
  1054. color: {color:posts};
  1055. text-transform: uppercase;
  1056. font-weight:400;
  1057. margin-top:20px;
  1058. font-family:'roboto', sans-serif;
  1059. letter-spacing: 1px;
  1060. font-size: 20px;
  1061. text-align:center;
  1062. -webkit-transition: color 0.2s;
  1063. transition: color 0.2s;
  1064. }
  1065.  
  1066. .bt-menu ul:first-of-type li:last-child a {
  1067.  
  1068. }
  1069.  
  1070. .bt-menu ul:nth-of-type(2) li a {
  1071. color: transparent;
  1072. text-align: center;
  1073. font-size: 0px;
  1074. }
  1075.  
  1076. .bt-menu ul li a:before {
  1077. color: {color:links};
  1078. font-size: 24px;
  1079. -webkit-transition: color 0.2s;
  1080. transition: color 0.2s;
  1081. }
  1082.  
  1083. .bt-menu ul:first-of-type li a:hover,
  1084. .bt-menu ul:first-of-type li a:focus,
  1085. .bt-menu ul li a:hover:before,
  1086. .bt-menu ul li a:focus:before {
  1087. color: {color:hover};
  1088. }
  1089.  
  1090.  
  1091.  
  1092. {CustomCSS}</style>
  1093. </head>
  1094. <body>
  1095. <!---- - BASICS / DONT TOUCH!!! - --->
  1096. <div id="sidebar">
  1097. <div id="headerimage"><img src="{image:header}"></a></div>
  1098. <div id="iconimage"><img src="{image:icon}"></a></div>
  1099. <div id="description">{description}</div>
  1100. <div id="title2">{text:title}
  1101. <div class="hide"></a></div>
  1102. </div>
  1103. <body class="demo5">
  1104. <div class="container">
  1105. <nav id="bt-menu" class="bt-menu">
  1106. <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
  1107.  
  1108. <ul>
  1109.  
  1110. <li><a href="/"title="index"><i class="fa fa-home"style="color:{color:posts}"></i></a> </li>
  1111. <li> <a href="/ask" title="inbox"><i class="fa fa-envelope"style="color:{color:posts}"></i></a> </li>
  1112. <li><a href="/http://adf.ly/1SUqko"title="themes"><i class="fa fa-code"style="color:{color:posts}"></i></a></li>
  1113. <li><a href="/http://moonstarthemes.tumblr.com/navi"title="navigation"><i class="fa fa-compass"style="color:{color:posts}"></i></a></li>
  1114. <li><a href="http://adf.ly/1QneKe"title="custom themes"><i class="fa fa-cogs"style="color:{color:posts}"></i></a></li>
  1115. <li> <a href="http://moonstarthemes.tumblr.com/donation"title="donations"><i class="fa fa-paypal"style="color:{color:posts}"></i></a></li>
  1116. <li><a href="http://im-halsey.tumblr.com/"title="back to main blog"><i class="fa fa-arrow-left"style="color:{color:posts}"></i></a></li>
  1117.  
  1118.  
  1119.  
  1120. </ul>
  1121. </nav>
  1122. </div>
  1123. </div>
  1124. {block:Pagination}
  1125. <div class="pagination"style="{color:text}">
  1126. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="font-size:10px;color:{color:text};background:{color:text accent};padding:5px;border-radius:5px 5px 5px 5px">{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}
  1127. {/block:Pagination}</div>
  1128. </div>
  1129.  
  1130. </div>
  1131. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  1132. <div id="entries">
  1133. {block:Posts}
  1134. <div id="post"
  1135.  
  1136. <div id="post">
  1137. {block:Date}
  1138. <div id="permalink">
  1139. {block:RebloggedFrom}
  1140. {block:ContentSource}
  1141. <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <i class="fa fa-retweet"style="color:{color:post text}"></i> <a href="{SourceURL}"title="source">{ReblogRootName}</a>
  1142. {/block:ContentSource}
  1143. {/block:RebloggedFrom}
  1144. </br>
  1145. </br>
  1146. <div id="permalinkb">
  1147. <a href="{Permalink}">{Month} {DayOfMonth} {Year}, {24Hour}:{Minutes}:{Seconds} {AmPm} · {TimeAgo} </a> · <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:info text}"></i></a>
  1148. </div></div>
  1149. {/block:Date}
  1150. <!--TEXT POSTS-->
  1151. {block:Text}
  1152. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1153. {Body}
  1154. {/block:Text}
  1155. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  1156. {block:Answer}
  1157. <div id="askingimage"><img src="{AskerPortraitURL-128}"/></div>
  1158. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  1159. <div id="asker"><j>{Asker}</j> asked:</div>
  1160. <div id="question">{Question}</div>
  1161. {Answer}{/block:Answer}
  1162. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  1163. {block:Quote}
  1164. {block:Quote}
  1165. <h2>{Quote}</h2>
  1166. <div align="right">
  1167. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1168. </div>
  1169. {/block:Quote}
  1170. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  1171. {block:Link}
  1172. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1173. {block:Description}{Description}{/block:Description}
  1174. {/block:Link}
  1175. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  1176. {block:Chat}
  1177. {block:Title}<h2>{Title}</h2>{/block:Title}
  1178. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1179. {Line}</li>{/block:Lines}</ul>
  1180. {/block:Chat}
  1181. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  1182. {block:Photo}
  1183. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1184. {block:Caption}{Caption}{/block:Caption}
  1185. {/block:Photo}
  1186. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  1187. {block:Photoset}
  1188. {Photoset-500}
  1189. {block:Caption}{Caption}{/block:Caption}
  1190. {/block:Photoset}
  1191. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  1192. {block:Video}
  1193. {Video-500}
  1194. {block:Caption}{Caption}{/block:Caption}
  1195. {/block:Video}
  1196. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  1197. {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>
  1198. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1199. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1200. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1201. {/block:Audio}
  1202. <!---- - INFO / DONT TOUCH!!! - --->
  1203. <div id="info">
  1204. <div id="permalink">
  1205. <a href="{Permalink}">{NoteCountWithLabel} </a></div></div>
  1206. {block:HasTags}<div id="tags">
  1207. {block:Tags} #<a href="{TagURL}">{Tag} </a>, {/block:Tags}
  1208. </div>
  1209. {/block:HasTags}
  1210. </div>
  1211. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1212.  
  1213. {/block:Posts}
  1214.  
  1215. </div>
  1216.  
  1217. <!---- - CREDIT / DONT TOUCH!!! - --->
  1218. <div id="credit">
  1219. <a href="http://adf.ly/1Q6OGo"title="moonstar themes">ms</a>
  1220. </div>
  1221. </html>
  1222. </body>
  1223. <script src="http://static.tumblr.com/zkwuipe/lHxnec4a0/classie.js"></script>
  1224. <script src="http://static.tumblr.com/zkwuipe/15Znec4bh/bordermenu.js"></script>
  1225. <!---- - END HTML / DONT TOUCH!!! - --->
Advertisement
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!