API tools faq
paste
azurethemes

theme 91

azurethemes
Jan 28th, 2016
232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.25 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. © 2016
  13.  
  14.  
  15. ❝ theme 091 ❞
  16.  
  17. ◜ ◝ ◞ ★ ☾ stitches ☽ ★ ◟ ◠ ◡
  18.  
  19. this theme was made by moonstarthemes (jvstincvlt)
  20. this theme was 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 2016. All Rights Reserved.
  28.  
  29.  
  30. --->
  31. <!-----start html---->
  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. <!-----custom google fonts---->
  35. <script type="text/javascript">
  36. WebFontConfig = {
  37. 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', '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', 'Titillium+Web:400,600,700:latin', 'PT+Sans:400,700:latin', 'Droid+Sans::latin', ] }
  38. };
  39. (function() {
  40. var wf = document.createElement('script');
  41. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  42. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  43. wf.type = 'text/javascript';
  44. wf.async = 'true';
  45. var s = document.getElementsByTagName('script')[0];
  46. s.parentNode.insertBefore(wf, s);
  47. })(); </script>
  48. <!-----tooltips---->
  49. <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>
  50. <script>
  51. (function($){
  52. $(document).ready(function(){
  53. $("a[title]").style_my_tooltips({
  54. tip_follows_cursor:true,
  55. tip_delay_time:90,
  56. tip_fade_speed:600,
  57. attribute:"title"
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62. <!-----back to top button---->
  63. <script>
  64. $(document).ready(function(){
  65. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  66. var back_to_top_button = ['<a href="#top" class="back-to-top">scroll back to top</a>'].join("");
  67. $("body").append(back_to_top_button)
  68. // Der Button wird ausgeblendet
  69. $(".back-to-top").hide();
  70. // Funktion für das Scroll-Verhalten
  71. $(function () {
  72. $(window).scroll(function () {
  73. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  74. $('.back-to-top').fadeIn();
  75. } else {
  76. ('.back-to-top').fadeOut();
  77. }
  78. });
  79. $('.back-to-top').click(function () { // Klick auf den Button
  80. $('body,html').animate({
  81. scrollTop: 0
  82. }, 800);
  83. return false;
  84. });
  85. });
  86. });
  87. </script>
  88. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  89. <script type="text/javascript"
  90. src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
  91. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  92. <head>
  93. <title>{Title}</title>
  94. <link rel="shortcut icon" href="{Favicon}">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  97. <!-----all colors---->
  98. <meta name="color:background" content="#f5f5f5"/>
  99. <meta name="color:text" content="#000000"/>
  100. <meta name="color:links" content="#000000"/>
  101. <meta name="color:info" content="#000000"/>
  102. <meta name="color:posts" content="#ffffff">
  103. <meta name="color:scrollbar" content="#000000">
  104. <meta name="color:scrollbar background" content="#ffffff">
  105. <meta name="color:hover" content="#97c5e0">
  106. <meta name="color:accent" content="#97c5e0">
  107. <!-----images---->
  108. <meta name="image:background" content=""/>
  109. <meta name="image:header" content=""/>
  110. <meta name="image:icon" content=""/>
  111. <!-----texts---->
  112. <meta name="text:title" content="Theme 91: Danger "/>
  113. <!-----sidebar links---->
  114. <meta name="text:link one" content="link one">
  115. <meta name="text:link two" content="link two">
  116. <meta name="text:link three" content="link three">
  117. <meta name="text:link four" content="link four">
  118. <meta name="text:link five" content="link five">
  119. <meta name="text:link one url" content="/">
  120. <meta name="text:link two url" content="/">
  121. <meta name="text:link three url" content="/">
  122. <meta name="text:link four url" content="/">
  123. <meta name="text:link five url" content="/">
  124. <!-----custom css---->
  125. <style type="text/css">
  126. /*tumblr controls*/
  127. iframe#tumblr_controls {
  128. top: 0px !important;
  129. right:0px !important;
  130. opacity:0.5;
  131. z-index:999999999999999999999999999999999999999999999999999;
  132. position: fixed !important;
  133. }
  134. /*scrollbar*/
  135. ::-webkit-scrollbar-thumb{
  136. height:auto;
  137. background-color:{color:scrollbar};
  138. }
  139. ::-webkit-scrollbar{
  140. height:2px;
  141. width:5px;
  142. background-color:{color:scrollbar background};
  143. }
  144. /*tooltips*/
  145. #s-m-t-tooltip{
  146. margin:12px 0px 0px 12px;
  147. padding:5px;
  148. background-color:{color:accent};
  149. font-family: 'roboto', sans-serif;
  150. font-weight:400;
  151. font-size:8px;
  152. text-transform:uppercase;
  153. letter-spacing:1px;
  154. color:{color:text};
  155. z-index:999999999999999999999999999999999999;
  156. }
  157. /*body basics*/
  158. body{
  159. background-color:{color:background};
  160. background-image:url('{image:background}');
  161. background-attachment: fixed;
  162. background-repeat: repeat;
  163. font-weight:none;
  164. font-family: 'roboto', sans-serif;
  165. font-size:10px;
  166. text-align:justify;
  167. color:{color:text};
  168. margin:0;
  169. }
  170. a{
  171. text-decoration:none;
  172. color:{color:links};
  173. transition-duration: 0.1s;
  174. -moz-transition-duration: 0.1s;
  175. -webkit-transition-duration: 0.1s;
  176. -o-transition-duration: 0.1s;
  177. }
  178. a:hover{
  179. text-decoration:none;
  180. color:{color:accent};
  181. transition-duration: 0.1s;
  182. -moz-transition-duration: 0.1s;
  183. -webkit-transition-duration: 0.1s;
  184. -o-transition-duration: 0.1s;
  185. }
  186. img {
  187.  
  188. }
  189. blockquote {
  190. font-size:10px;
  191. max-width:545px;
  192. border-left:3px solid #eee;
  193. text-align:left;
  194. padding:1px;
  195. font-weight:none;
  196. margin-left:0px;
  197. padding-top:0.5px;
  198. padding-bottom:0.5px;
  199. font-size:10px;
  200. font-family: 'arial', sans-serif;
  201. margin-right:30px;
  202. padding-left:15px;
  203. color:{color:text};
  204. }
  205. pre{
  206. font-size:9px;
  207. text-align:center;
  208. text-transform:none;
  209. font-family: 'Bitter', serif;
  210. font-weight:bold;
  211. line-height:9px;
  212. border-left:1px solid #eee;
  213. border-bottom:1px solid #eee;
  214. letter-spacing:2px;
  215. background-color:{color:posts};
  216. color:{color:text};
  217. padding:6px;
  218. }
  219. small{
  220. font-size:8px;
  221. }
  222. big{
  223. font-size:11px;
  224. }
  225. sub{
  226. font-size:7px;
  227. }
  228. h1 {
  229. font-size:11px;
  230. text-align:center;
  231. font-family: 'roboto', sans-serif;
  232. letter-spacing:0px;
  233. text-transform:uppercase;
  234. font-weight:700;
  235. line-height:17px;
  236. border-bottom:1px solid #eee;
  237. color:{color:text};
  238. padding:7px;
  239. }
  240. h1 a{
  241. color:{color:text};
  242. }
  243. h2{
  244. color:{color:text};
  245. text-transform:uppercase;
  246. font-family: 'Roboto', sans-serif;
  247. text-align:left;
  248. }
  249. b {
  250. font-weight:bold;
  251. padding:2px;
  252. font-family: 'Roboto', sans-serif;
  253. color:{color:text};
  254. }
  255. i {
  256. font-weight:italic;
  257. color:{color:text};
  258. }
  259. grouptitle {
  260. color:{color:text};
  261. text-transform:none;
  262. font-size:9px;
  263. font-family: 'Roboto', sans-serif;
  264. }
  265. tit {
  266. color:{color:posts};
  267. font-size:8px;
  268. letter-spacing:1px;
  269. font-weight:300;
  270. }
  271. n {
  272. font-weight:bold;
  273. letter-spacing:-1px;
  274. text-shadow: 1px 1px 1px #cccccc;
  275. font-size:12px;
  276. text-transform:uppercase;
  277. color:{color:text};
  278. }
  279. u {
  280. text-decoration:none;
  281. color:color:;{text};
  282. border-bottom:1px solid {color:text};
  283. }
  284. underline {
  285. text-decoration:none;
  286. color:color:;{text};
  287. border-bottom:1px solid {color:text};
  288. }
  289. /*header images*/
  290. #header {
  291. position:fixed;
  292. width:70px;
  293. margin-top:190px;
  294. padding:10px;
  295. height:70px;
  296. margin-left:180px;
  297. background-color:transparent;
  298. z-index:9999999999999999;
  299. }
  300. #headerimage {
  301. width 70px;
  302. z-index:-99999;
  303. }
  304. #headerimage img {
  305. width:1290px;
  306. height:610px;
  307. left:40px;
  308. top:40px;
  309. border:1px solid transparent;
  310. position:fixed;
  311. opacity:1;
  312. z-index:-9999999;
  313. }
  314. /*icon image*/
  315. #icon {
  316. position:fixed;
  317. width:70px;
  318. margin-top:190px;
  319. padding:10px;
  320. height:70px;
  321. margin-left:180px;
  322. background-color:transparent;
  323. z-index:9999999999999999;
  324. }
  325. #iconimage {
  326. width 70px;
  327. z-index:-99999;
  328. }
  329. #iconimage img {
  330. width:50px;
  331. height:50px;
  332. margin-left:586px;
  333. top:258px;
  334. border:1px solid #eee;
  335. position:absolute;
  336. border-radius:5px 5px 5px 5px;
  337. opacity:1;
  338. z-index:9999999;
  339. }
  340. /*sidebar description*/
  341. #description {
  342. overflow:auto;
  343. position:absolute;
  344. text-align:justify;
  345. top:318px;
  346. margin-left:586px;
  347. word-wrap: break-word;
  348. font-family: 'calibri', sans-serif;
  349. border:1px solid #eee;
  350. width:230px;
  351. border-radius:5px 5px 5px 5px;
  352. height:auto;
  353. opacity:1;
  354. line-height:13px;
  355. background:{color:posts};
  356. font-weight:400;
  357. color:{color:text};
  358. padding:18px;
  359. letter-spacing:0px;
  360. font-size:11px;
  361. z-index:9999999999;
  362. }
  363. #description::-webkit-scrollbar{
  364. width: 0px;
  365. }
  366. #description::-webkit-scrollbar-thumb{
  367. background:transparent;
  368. }
  369. #description::-webkit-scrollbar-track{
  370. background-color:transparent;
  371. }
  372. /*back to top button*/
  373. .back-to-top {
  374. position: fixed;
  375. color:{color:text};
  376. bottom:29px;
  377. text-transform:uppercase;
  378. background:{color:background};
  379. left:40px;
  380. font-family: 'calibri', sans-serif;
  381. font-size:10px;
  382. font-weight:700;
  383. padding:10px;
  384. }
  385. /*jump pagination*/
  386. .pagination{
  387. font-family: 'roboto', sans-serif;
  388. margin-left:-180px;
  389. width:auto;
  390. padding-top:-10px;
  391. padding-bottom:20px;
  392. font-size:9px;
  393. text-align:center;
  394. }
  395. .pagination a{
  396. padding:5px;
  397. font-family: 'roboto', sans-serif;
  398. font-weight:600;
  399. bottom:10px;
  400. margin-left:5px;
  401. border:1px solid #eee;
  402. border-bottom:1px solid {color:accent};
  403. border-top:1px solid {color:accent};
  404. color:{color:text};
  405. }
  406. .pagination a:hover{
  407. color:{color:hover};
  408. -moz-transition-duration:0.5s;
  409. -webkit-transition-duration:0.5s;
  410. -o-transition-duration:0.5s;
  411. transition: all 0.3s ease-out;
  412. }
  413. /*post notes*/
  414. ol.notes {
  415. padding: 0px;
  416. margin: 25px 0px;
  417. font-family:'Roboto',sans-serif;
  418. list-style-type: none;
  419. width:390px;
  420. border-bottom: solid 1px #eee;
  421. }
  422. ol.notes li.note {
  423. border-top: solid 1px #eee;
  424. padding: 10px;
  425. }
  426. ol.notes li.note img.avatar {
  427. vertical-align: -2px;
  428. border-radius:100px;
  429. margin-right: 0px;
  430. width: 16px;
  431. height: 16px;
  432. }
  433. ol.notes li.note span.action {
  434. font-weight: 300;
  435. }
  436. ol.notes li.note .answer_content {
  437. font-weight: normal;
  438. }
  439. ol.notes li.note blockquote {
  440. border-color: #eee;
  441. padding: 4px 10px;
  442. margin: 10px 0px 0px 25px;
  443. }
  444. ol.notes li.note blockquote a {
  445. text-decoration: none;
  446. }
  447. /*audio*/
  448. .audioartist {
  449. font-family:'roboto', sans-serif;
  450. font-size:10px;
  451. text-transform:lowercase;
  452. font-weight:600;
  453. }
  454. .audiotitle {
  455. font-family:'roboto', sans-serif;
  456. font-size:10px;
  457. text-transform:lowercase;
  458. font-weight:600;
  459. }
  460. .audioplayed {
  461. font-family:'roboto', sans-serif;
  462. font-size:10px;
  463. text-transform:lowercase;
  464. font-weight:600;
  465. }
  466. .audioplayr {
  467. width:400px;
  468. color:{color:text};
  469. background:{color:accent};
  470. }
  471. audioinfo {
  472. font-family:'roboto', sans-serif;
  473. font-size:10px;
  474. letter-spacing:2px;
  475. text-transform:lowercase;
  476. font-weight:300;
  477. }
  478. /*posts*/
  479. #entries {
  480. margin-left:481px;
  481. margin-top:680px;
  482. overflow:hidden;
  483. }
  484. #post {
  485. font-size:10px;
  486. width:400px;
  487. color:{color:post text};
  488. background-color:{color:posts};
  489. text-align:justify;
  490. border:1px solid #eee;
  491. padding:30px;
  492. padding-top:20px;
  493. margin-left:15px;
  494. padding-bottom:12px;
  495. overflow:hidden;
  496. line-height:20px;
  497. margin-bottom:30px;
  498. }
  499. #post img{
  500. max-width:400px;
  501. height:auto;
  502. }
  503. /*questions and answers*/
  504. #asking {
  505. margin-left:20px;
  506. margin-top:-23px;
  507. }
  508. #question {
  509. padding:20px;
  510. padding-left:14px;
  511. margin-top:-28px;
  512. margin-left:-1px;
  513. font-size:9px;
  514. width:367px;
  515. color:{color:text};
  516. background:#eee;
  517. }
  518. #asker{
  519. margin-top:18px;
  520. padding:1px;
  521. font-weight:600;
  522. font-size:9px;
  523. z-index:9999999999;
  524. color:{color:text};
  525. font-style:italic;
  526. opacity:1;
  527. margin-left:12px;
  528. letter-spacing:0px;
  529. font-family: 'roboto', sans-serif;
  530. text-transform:lowercase;
  531. }
  532. /*post info*/
  533. #info {
  534. width:auto;
  535. height:33px;
  536. text-align:left;
  537. font-family: 'arial', sans-serif;
  538. text-transform:uppercase;
  539. margin-left:0px;
  540. border-radius:0px 0px 5px 5px;
  541. font-size:8px;
  542. padding-left:10px;
  543. margin-top:20px;
  544. overflow:hidden;
  545. font-weight:300;
  546. border-top:1px solid #eee;
  547. font-style:none;
  548. letter-spacing:1px;
  549. padding:5px;
  550. line-height:11px;
  551. color:{color:info};
  552. }
  553. #info a {
  554. text-align:center;
  555. font-weight:300;
  556. padding-top:15px;
  557. border-top:1px solid transparent;
  558. letter-spacing:1px;
  559. font-family: 'arial', sans-serif;
  560. line-height:-10px;
  561. color:{color:info};
  562. }
  563. #info a:hover{
  564. border-top:1px solid {color:accent};
  565. color:{color:accent};
  566. }
  567. #info top {
  568. margin-left:-5px;
  569. padding:5px;
  570. margin-top:1px;
  571. border-top:1px solid {color:accent};
  572. font-weight:bold;
  573. -moz-transition-duration: 0.5s;
  574. -webkit-transition-duration: 0.5s;
  575. -o-transition-duration: 0.5s;
  576. }
  577. /*post tags*/
  578. #tags {
  579. text-align:left;
  580. opacity:1
  581. font-size:8px;
  582. font-family: 'arial', sans-serif;
  583. margin-top:-35px;
  584. margin-left:0px;
  585. color:{color:info};
  586. padding:5px;
  587. font-weight:300;
  588. height:15px;
  589. width:auto;
  590. text-transform:uppercase;
  591. transition-duration: 0.5s;
  592. -moz-transition-duration: 0.5s;
  593. -webkit-transition-duration: 0.5s;
  594. -o-transition-duration: 0.5s;
  595. }
  596. #tags a {
  597. padding:0px;
  598. margin-top:-3px;
  599. color:{color:info};
  600. line-height:12px;
  601. letter-spacing:1px;
  602. font-weight:none;
  603. text-align:left;
  604. font-size:8px;
  605. font-family: 'arial', sans-serif;
  606. display:inline-block;
  607. }
  608. #tags a:hover {
  609. -moz-transition-duration:0.3s;
  610. -webkit-transition-duration:0.3s;
  611. -o-transition-duration:0.3s;
  612. color:{color:hover};
  613. }
  614. /*titles*/
  615. #sidebartitle{
  616. width:auto;
  617. height:20px;
  618. top:255px;
  619. opacity:1;
  620. padding:5px;
  621. position:absolute;
  622. font-family: 'calibri' , sans-serif;
  623. letter-spacing:1px;
  624. text-align:left;
  625. padding-left:10px;
  626. overflow:hidden;
  627. font-weight:700;
  628. font-style:italic;
  629. color:{color:text};
  630. text-transform:uppercase;
  631. line-height:21px;
  632. font-size:11px;
  633. margin-left:650px;
  634. z-index:9999999;
  635. }
  636. /*credit (u better leave this here u goof)*/
  637. #credit{
  638. position:fixed;
  639. font-size:8px;
  640. font-weight:400;
  641. padding-bottom:5px;
  642. padding-top:5px;
  643. height:20px;
  644. width:20px;
  645. opacity:1;
  646. padding-left:5px;
  647. padding-right:5px;
  648. margin-left:1305px;
  649. top:625px;
  650. letter-spacing:0px;
  651. line-height:22px;
  652. background-color:{color:background};
  653. padding:3px;
  654. text-align:center;
  655. float:left;
  656. font-family: 'roboto', sans-serif;
  657. color:{color:text};
  658. text-transform:uppercase;
  659. }
  660. /*links*/
  661. .toppp {
  662. top:277px;
  663. position:absolute;
  664. margin-left:646px;
  665. z-index:9999999999999999;
  666. width:200px;
  667. border-bottom:1px solid #eee;
  668. }
  669. .sticky{
  670. position:fixed;
  671. width:200px;
  672. top:10px;
  673. margin-left:40px;
  674. border-bottom:1px solid #eee;
  675. z-index:9999;
  676. }
  677. #topdesc{
  678. position:absolute;
  679. float:left;
  680. margin-top:140px;
  681. text-align:justify;
  682. margin-left:40px;
  683. font-size:10px;
  684. padding:15px;
  685. letter-spacing:0px;
  686. font-weight:300;
  687. width:150px;
  688. height:100px;
  689. background:{color:background};
  690. color:{color:text};
  691. line-height:10px;
  692. opacity:0;
  693. -webkit-transition: all 0.3s ease-in-out;
  694. -moz-transition: all 0.3s ease-in-out;
  695. -o-transition: all 0.3s ease-in-out;
  696. -ms-transition: all 0.3s ease-in-out;
  697. transition: all 0.3s ease-in-out;
  698. }
  699. #topdesc img{
  700. float:left;
  701. margin-top:23px;
  702. margin-left:7px;
  703. height:60px;
  704. width:60px;
  705. border-radius:5px;
  706. }
  707. #topdesc::-webkit-scrollbar{
  708. width: 0px;
  709. }
  710. #topdesc::-webkit-scrollbar-thumb{
  711. background:transparent;
  712. }
  713. #topdesc::-webkit-scrollbar-track{
  714. background-color:transparent;
  715. }
  716. .urll{
  717. color:{color:text};
  718. font-weight:300;
  719. background:{color:background};
  720. margin-left:40px;
  721. margin-top:-50px;
  722. font-size:12px;
  723. }
  724. .urll a{
  725. color:{color:top text};
  726. font-weight:300;
  727. font-family: 'calibri', sans-serif;
  728. margin-left:-30px;
  729. margin-top:-50px;
  730. width:150px;
  731. height:120px;
  732. font-size:12px;
  733. }
  734. #linkss{
  735. position:absolute;
  736. float:left;
  737. margin-top:340px;
  738. text-align:justify;
  739. margin-left:40px;
  740. font-size:9px;
  741. padding:15px;
  742. letter-spacing:0px;
  743. font-weight:300;
  744. width:150px;
  745. height:auto;
  746. background:{color:background};
  747. color:{color:text};
  748. line-height:10px;
  749. opacity:0;
  750. -webkit-transition: all 0.3s ease-in-out;
  751. -moz-transition: all 0.3s ease-in-out;
  752. -o-transition: all 0.3s ease-in-out;
  753. -ms-transition: all 0.3s ease-in-out;
  754. transition: all 0.3s ease-in-out;
  755. }
  756. #linkss #all {
  757. margin-left:45px;
  758. margin-top:-1px;
  759. padding:6px;
  760. height:14px;
  761. }
  762. #linkss a {
  763. float:left;
  764. margin-top:23px;
  765. margin-left:17px;
  766. height:20px;
  767. width:auto;
  768. }
  769. .sticky #topdesc{
  770. color:{color:text};
  771. margin-top:10px;
  772. opacity:1;
  773. -webkit-transition: all 0.3s ease-in-out;
  774. -moz-transition: all 0.3s ease-in-out;
  775. -o-transition: all 0.3s ease-in-out;
  776. -ms-transition: all 0.3s ease-in-out;
  777. transition: all 0.3s ease-in-out;
  778. }
  779. .sticky #linkss{
  780. color:{color:text};
  781. margin-top:10px;
  782. opacity:1;
  783. -webkit-transition: all 0.3s ease-in-out;
  784. -moz-transition: all 0.3s ease-in-out;
  785. -o-transition: all 0.3s ease-in-out;
  786. -ms-transition: all 0.3s ease-in-out;
  787. transition: all 0.3s ease-in-out;
  788. }
  789. .sticky #navi{
  790. width:100%;
  791. text-align:left;
  792. background:{color:background};
  793. color:white;
  794. -webkit-transition: all 0.3s ease-in-out;
  795. -moz-transition: all 0.3s ease-in-out;
  796. -o-transition: all 0.3s ease-in-out;
  797. -ms-transition: all 0.3s ease-in-out;
  798. transition: all 0.3s ease-in-out;
  799. }
  800. #navi{
  801. margin:auto;
  802. font-size:10px;
  803. height:30px;
  804. letter-spacing:0px;
  805. font-weight:700;
  806. color:white;
  807. width:200px;
  808. font-style:none;
  809. text-align:left;
  810. -webkit-transition: all 0.3s ease-in-out;
  811. -moz-transition: all 0.3s ease-in-out;
  812. -o-transition: all 0.3s ease-in-out;
  813. -ms-transition: all 0.3s ease-in-out;
  814. transition: all 0.3s ease-in-out;
  815. }
  816. #navi a{
  817. display:inline-block;
  818. color:{color:text};
  819. padding:11px 0px 7px 0px;
  820. margin:0px 0px 0px 20px;
  821. font-weight:700;
  822. margin-top:-1px;
  823. line-height:12px;
  824. font-style:none;
  825. border-bottom:1px solid transparent;
  826. border-top:1px solid transparent;
  827. font-family: 'calibri', sans-serif;
  828. text-transform:uppercase;
  829. }
  830. #navi a:hover{
  831. border-bottom:1px solid {color:accent};
  832. color:{color:accent};
  833. }
  834. {CustomCSS}</style>
  835. </head>
  836. <body>
  837. <!-----basics---->
  838. <div id="sidebar">
  839. <div id="description">{description}</div>
  840. <div id="headerimage"><img src="{image:header}"></a></div>
  841. <div id="sidebartitle">{text:title}</a></div>
  842. <div id="iconimage"><img src="{image:icon}"></a></div>
  843. </div>
  844. </div>
  845. <!-----top bar links---->
  846. <div class="toppp">
  847. <div id="navi">
  848. <div id="linkss"style="margin-top:150px;margin-left:0px">
  849. <div id="all">
  850. <a href="{text:link two url}">{text:link two}</a>
  851. <a href="{text:link three url}">{text:link three}</a>
  852. <a href="{text:link four url}">{text:link four}</a>
  853. </div>
  854. </div>
  855. <div id="topdesc"style="margin-top:30px;margin-left:0px">{description}<span class="urll"><img src="{image:icon}"style="margin-top:40px;margin-left:0px;width:50px;height:50px;border-radius:5px;border:1px solid #eee;z-index:9999999999"></a></span></div>
  856. <a href="/">Index</a>
  857. <a href="/ask">Contact</a>
  858. <a href="{text:link one url}">{text:link one}</a>
  859. </div>
  860. </div>
  861. <!---- Sticky Position (Bar) with CSS or jQuery by http://www.hongkiat.com/ --->
  862.  
  863. <script>
  864. var header = document.querySelector('.toppp');
  865. var origOffsetY = header.offsetTop;
  866.  
  867. function onScroll(e) {
  868. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  869. header.classList.remove('sticky');
  870. }
  871.  
  872. document.addEventListener('scroll', onScroll);
  873. </script>
  874. <!-----posts and entries---->
  875. <div id="entries">
  876. {block:Posts}
  877. <div id="post"
  878. <div id="post">
  879. <!----texts---->
  880. {block:Text}
  881. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  882. {Body}
  883. {/block:Text}
  884. <!-----question and answers---->
  885. {block:Answer}
  886. <div id="asker">{Asker} asked:</div>
  887. <div id="question">{Question}</div>
  888. {Answer}{/block:Answer}
  889. <!-----quotes---->
  890. {block:Quote}
  891. {block:Quote}
  892. <h2>{Quote}</h2>
  893. <div align="right">
  894. {block:Source}<h1>-{Source}</h1>{/block:Source}
  895. </div>
  896. {/block:Quote}
  897. <!-----links---->
  898. {block:Link}
  899. <h2><center><a href="{URL}">{Name}</center></a></h2>
  900. {block:Description}{Description}{/block:Description}
  901. {/block:Link}
  902. <!-----chats---->
  903. {block:Chat}
  904. {block:Title}<h2>{Title}</h2>{/block:Title}
  905. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  906. {Line}</li>{/block:Lines}</ul>
  907. {/block:Chat}
  908. <!-----photos---->
  909. {block:Photo}
  910. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  911. {block:Caption}{Caption}{/block:Caption}
  912. {/block:Photo}
  913. <!-----photosets---->
  914. {block:Photoset}
  915. {Photoset-400}
  916. {block:Caption}{Caption}{/block:Caption}
  917. {/block:Photoset}
  918. <!-----videos---->
  919. {block:Video}
  920. {Video-400}
  921. {block:Caption}{Caption}{/block:Caption}
  922. {/block:Video}
  923. <!-----audios---->
  924. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  925. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  926. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  927. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  928. </br>
  929. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  930. {/block:Audio}
  931. <!-----info---->
  932. <div id="info">
  933. <div id="permalink">
  934. <top><a href="{Permalink}">
  935. {DayOfMonth} {ShortMonth} {ShortYear} · </a></top> {NoteCountWithLabel} {block:RebloggedFrom}
  936. {block:ContentSource}
  937. · <a href="{ReblogParentURL}" title="{ReblogParentName}"><border>VIA</border></a> / <a href="{SourceURL}"title="{ReblogRootName}">SRC</a> · {block:RebloggedFrom}
  938. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:info}"></i></a>
  939. {block:RebloggedFrom}
  940. {/block:RebloggedFrom}
  941. {/block:ContentSource}
  942. {/block:RebloggedFrom}
  943. </a></div></div>
  944. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> {Tag} </a>, {/block:Tags}
  945. </div>
  946. {/block:HasTags}
  947. </div>
  948. {block:PostNotes} {PostNotes} {/block:PostNotes}
  949.  
  950. {/block:Posts}
  951. {block:Pagination}
  952. <div class="pagination"style="{color:title text}">
  953. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="border:1px solid #eee;
  954. border-bottom:1px solid {color:accent};
  955. border-top:1px solid {color:accent};color:{color:text};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  956. {/block:Pagination}</div>
  957. </div>
  958. <!-----credit (u better dont touch this here u goof)---->
  959. <div id="credit">
  960. <a href="http://adf.ly/1Q6OGo"title="moonstar themes"style="color:{color:text}">ms</a>
  961. </div>
  962. </html>
  963. </body>
  964. <!-----end html---->
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!