API tools faq
paste
azurethemes

theme 87

azurethemes
Jan 19th, 2016
463
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.50 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 087 ❞
  16.  
  17. ◜ ◝ ◞ ★ ☾ easy ☽ ★ ◟ ◠ ◡
  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 2015. 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. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  63. <!-----back to top button---->
  64. <script>
  65. $(document).ready(function(){
  66. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  67. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-chevron-up"></i></a>'].join("");
  68. $("body").append(back_to_top_button)
  69. // Der Button wird ausgeblendet
  70. $(".back-to-top").hide();
  71. // Funktion für das Scroll-Verhalten
  72. $(function () {
  73. $(window).scroll(function () {
  74. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  75. $('.back-to-top').fadeIn();
  76. } else {
  77. ('.back-to-top').fadeOut();
  78. }
  79. });
  80. $('.back-to-top').click(function () { // Klick auf den Button
  81. $('body,html').animate({
  82. scrollTop: 0
  83. }, 800);
  84. return false;
  85. });
  86. });
  87. });
  88. </script>
  89. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  90. <head>
  91. <title>{Title}</title>
  92. <link rel="shortcut icon" href="{Favicon}">
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  94. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  95. <!-----all colors---->
  96. <meta name="color:background" content="#f5f5f5"/>
  97. <meta name="color:text" content="#000000"/>
  98. <meta name="color:links" content="#000000"/>
  99. <meta name="color:info text" content="#000000"/>
  100. <meta name="color:post text" content="#000000"/>
  101. <meta name="color:posts" content="#ffffff">
  102. <meta name="color:scrollbar" content="#000000">
  103. <meta name="color:scrollbar background" content="#ffffff">
  104. <meta name="color:hover" content="#97c5e0">
  105. <meta name="color:accent" content="#97c5e0">
  106. <meta name="color:border" content="#f6f6f6">
  107. <!-----images---->
  108. <meta name="image:background" content=""/>
  109. <meta name="image:header" content=""/>
  110. <meta name="text:title" content="">
  111. <!-----sidebar links---->
  112. <meta name="text:link one" content="link one">
  113. <meta name="text:link two" content="link two">
  114. <meta name="text:link three" content="link three">
  115. <meta name="text:link four" content="link four">
  116. <meta name="text:link one url" content="/">
  117. <meta name="text:link two url" content="/">
  118. <meta name="text:link three url" content="/">
  119. <meta name="text:link four url" content="/">
  120. <!-----custom css---->
  121. <style type="text/css">
  122. /*tumblr controls*/
  123. iframe#tumblr_controls {
  124. top: 0px !important;
  125. right:0px !important;
  126. opacity:0.5;
  127. z-index:999999999999999999999999999999999999999999999999999;
  128. position: fixed !important;
  129. }
  130. /*scrollbar*/
  131. ::-webkit-scrollbar-thumb{
  132. height:auto;
  133. background-color:{color:scrollbar};
  134. }
  135. ::-webkit-scrollbar{
  136. height:2px;
  137. width:5px;
  138. background-color:{color:scrollbar background};
  139. }
  140. /*tooltips*/
  141. #s-m-t-tooltip{
  142. margin:12px 0px 0px 12px;
  143. padding:5px;
  144. background-color:{color:text};
  145. font-family: 'roboto', sans-serif;
  146. font-weight:400;
  147. font-size:8px;
  148. text-transform:uppercase;
  149. letter-spacing:1px;
  150. color:{color:posts};
  151. z-index:999999999999999999999999999999999999;
  152. }
  153. /*body basics*/
  154. body{
  155. background-color:{color:background};
  156. background-image:url('{image:background}');
  157. background-attachment: fixed;
  158. background-repeat: repeat;
  159. font-weight:none;
  160. font-family: 'roboto', sans-serif;
  161. font-size:10px;
  162. text-align:justify;
  163. color:{color:text};
  164. margin:0;
  165. }
  166. a{
  167. text-decoration:none;
  168. color:{color:links};
  169. transition-duration: 0.1s;
  170. -moz-transition-duration: 0.1s;
  171. -webkit-transition-duration: 0.1s;
  172. -o-transition-duration: 0.1s;
  173. }
  174. a:hover{
  175. text-decoration:none;
  176. color:{color:hover};
  177. transition-duration: 0.1s;
  178. -moz-transition-duration: 0.1s;
  179. -webkit-transition-duration: 0.1s;
  180. -o-transition-duration: 0.1s;
  181. }
  182. img{
  183. }
  184. blockquote {
  185. font-size:10px;
  186. max-width:545px;
  187. border-left:3px solid{color:accent};
  188. text-align:left;
  189. padding:1px;
  190. font-weight:none;
  191. margin-left:0px;
  192. padding-top:0.5px;
  193. padding-bottom:0.5px;
  194. font-size:10px;
  195. font-family: 'arial', sans-serif;
  196. margin-right:30px;
  197. padding-left:15px;
  198. color:{color:text};
  199. }
  200. pre{
  201. font-size:9px;
  202. text-align:center;
  203. text-transform:none;
  204. font-family: 'Bitter', serif;
  205. font-weight:bold;
  206. line-height:9px;
  207. border-left:1px solid {color:border};
  208. border-bottom:1px solid {color:border};
  209. letter-spacing:2px;
  210. background-color:{color:blockquote};
  211. color:{color:post text};
  212. padding:6px;
  213. }
  214. small{
  215. font-size:8px;
  216. }
  217. big{
  218. font-size:11px;
  219. }
  220. sub{
  221. font-size:7px;
  222. }
  223. h1 {
  224. font-size:11px;
  225. text-align:center;
  226. font-family: 'roboto', sans-serif;
  227. letter-spacing:0px;
  228. text-transform:uppercase;
  229. font-weight:700;
  230. line-height:17px;
  231. border-bottom:1px solid {color:border};
  232. color:{color:text};
  233. padding:7px;
  234. }
  235. h1 a{
  236. color:{color:text};
  237. }
  238. h2{
  239. color:{color:post text};
  240. text-transform:uppercase;
  241. font-family: 'Roboto', sans-serif;
  242. text-align:left;
  243. }
  244. b {
  245. font-weight:bold;
  246. padding:2px;
  247. font-family: 'Roboto', sans-serif;
  248. color:{color:text};
  249. }
  250. i {
  251. font-weight:italic;
  252. color:{color:text};
  253. }
  254. m {
  255. color:{color:posts};
  256. }
  257. j {
  258. color:{color:posts};
  259. }
  260. n {
  261. font-weight:bold;
  262. letter-spacing:-1px;
  263. text-shadow: 1px 1px 1px #cccccc;
  264. font-size:12px;
  265. text-transform:uppercase;
  266. color:{color:text};
  267. }
  268. u {
  269. text-decoration:none;
  270. text-shadow: 1px 1px 1px #cccccc;
  271. border-bottom:1px solid {color:text};
  272. }
  273. /*sidebar icon*/
  274. #header {
  275. position:fixed;
  276. width:70px;
  277. margin-top:190px;
  278. padding:10px;
  279. height:70px;
  280. margin-left:180px;
  281. background-color:transparent;
  282. z-index:9999999999999999;
  283. }
  284. #headerimage {
  285. width 70px;
  286. z-index:-99999;
  287. }
  288. #headerimage img {
  289. width:1000px;
  290. height:320px;
  291. margin-left:190px;
  292. top:0px;
  293. position:absolute;
  294. opacity:1;
  295. z-index:9;
  296. }
  297. .toppp {
  298. top:286px;
  299. position:absolute;
  300. margin-left:190px;
  301. z-index:-99999999;
  302. height:100%;
  303. width:1000px;
  304. }
  305. .sticky{
  306. position:fixed;
  307. width:1000px;
  308. top:0px;
  309. height:100%;
  310. margin-left:190px;
  311. z-index:-999999999;
  312. }
  313. .sticky #username{
  314. color:{color:background};
  315. margin-top:10px;
  316. opacity:1;
  317. -webkit-transition: all 0.5s ease-in-out;
  318. -moz-transition: all 0.5s ease-in-out;
  319. -o-transition: all 0.5s ease-in-out;
  320. -ms-transition: all 0.5s ease-in-out;
  321. transition: all 0.5s ease-in-out;
  322. }
  323. .sticky #navi{
  324. width:100%;
  325. height:100%;
  326. text-align:center;
  327. -webkit-transition: all 0.5s ease-in-out;
  328. -moz-transition: all 0.5s ease-in-out;
  329. -o-transition: all 0.5s ease-in-out;
  330. -ms-transition: all 0.5s ease-in-out;
  331. transition: all 0.5s ease-in-out;
  332. }
  333. #navi{
  334. margin:auto;
  335. font-size:11px;
  336. height:100%;
  337. letter-spacing:0px;
  338. width:100%;
  339. font-weight:none;
  340. background:{color:background};
  341. text-align:center;
  342. -webkit-transition: all 0.5s ease-in-out;
  343. -moz-transition: all 0.5s ease-in-out;
  344. -o-transition: all 0.5s ease-in-out;
  345. -ms-transition: all 0.5s ease-in-out;
  346. transition: all 0.5s ease-in-out;
  347. }
  348. /*sidebar description*/
  349. #description {
  350. overflow:auto;
  351. position:absolute;
  352. text-align:center;
  353. top:305px;
  354. margin-left:450px;
  355. word-wrap: break-word;
  356. font-family: 'arial', sans-serif;
  357. text-shadow: 1px 1px 1px #cccccc;
  358. width:430px;
  359. height:auto;
  360. opacity:1;
  361. line-height:13px;
  362. font-weight:400;
  363. color:{color:text};
  364. padding:15px;
  365. letter-spacing:0px;
  366. font-size:9px;
  367. z-index:-99999;
  368. }
  369. /*jump pagination*/
  370. .pagination{
  371. font-family: 'arial', sans-serif;
  372. margin-left:-180px;
  373. width:auto;
  374. padding-top:-10px;
  375. padding-bottom:20px;
  376. font-size:10px;
  377. text-align:center;
  378. }
  379. .pagination a{
  380. padding:3px;
  381. font-family: 'arial', sans-serif;
  382. font-weight:300;
  383. bottom:10px;
  384. margin-left:5px;
  385. border:1px solid {color:border};
  386. color:{color:text};
  387. }
  388. .pagination a:hover{
  389. color:{color:hover};
  390. -moz-transition-duration:0.5s;
  391. -webkit-transition-duration:0.5s;
  392. -o-transition-duration:0.5s;
  393. transition: all 0.3s ease-out;
  394. }
  395. /*back to top button*/
  396. .back-to-top {
  397. position: fixed;
  398. color:{color:text};
  399. bottom:40px;
  400. right:40px;
  401. font-size:20px;
  402. padding:10px;
  403. }
  404. /*post notes*/
  405. ol.notes {
  406. padding: 0px;
  407. margin: 25px 0px;
  408. font-family:'Roboto',sans-serif;
  409. list-style-type: none;
  410. width:540px;
  411. border-bottom: solid 1px #ccc;
  412. }
  413. ol.notes li.note {
  414. border-top: solid 1px #ccc;
  415. padding: 10px;
  416. }
  417. ol.notes li.note img.avatar {
  418. vertical-align: -4px;
  419. border-radius:100px;
  420. margin-right: 10px;
  421. width: 16px;
  422. height: 16px;
  423. }
  424. ol.notes li.note span.action {
  425. font-weight: 300;
  426. }
  427. ol.notes li.note .answer_content {
  428. font-weight: normal;
  429. }
  430. ol.notes li.note blockquote {
  431. border-color: #eee;
  432. padding: 4px 10px;
  433. margin: 10px 0px 0px 25px;
  434. }
  435. ol.notes li.note blockquote a {
  436. text-decoration: none;
  437. }
  438. /*audio*/
  439. .audioartist {
  440. font-family:'roboto', sans-serif;
  441. font-size:10px;
  442. text-transform:lowercase;
  443. font-weight:600;
  444. }
  445. .audiotitle {
  446. font-family:'roboto', sans-serif;
  447. font-size:10px;
  448. text-transform:lowercase;
  449. font-weight:600;
  450. }
  451. .audioplayed {
  452. font-family:'roboto', sans-serif;
  453. font-size:10px;
  454. text-transform:lowercase;
  455. font-weight:600;
  456. }
  457. .audioplayr {
  458. width:400px;
  459. color:{color:text};
  460. background:{color:accent};
  461. }
  462. audioinfo {
  463. font-family:'roboto', sans-serif;
  464. font-size:10px;
  465. letter-spacing:2px;
  466. text-transform:lowercase;
  467. font-weight:300;
  468. }
  469. /*sidebar*/
  470. #boxes {
  471. overflow:auto;
  472. position:absolute;
  473. text-align:left;
  474. margin-top:45px;
  475. margin-left:215px;
  476. text-transform:none;
  477. font-style:normal;
  478. font-family: 'Roboto', sans-serif;
  479. width:255px;
  480. height:100px;
  481. opacity:1;
  482. line-height:10px;
  483. font-weight:none;
  484. color:{color:text};
  485. background:{color:description};
  486. padding:17px;
  487. letter-spacing:0px;
  488. font-size:10px;
  489. transition-duration: 0.9s;
  490. -moz-transition-duration:0.9s;
  491. -webkit-transition-duration:0.9s;
  492. -o-transition-duration:0.9s;
  493. }
  494. .tit {
  495. font-size:18px;
  496. text-transform:uppercase;
  497. margin-bottom:15px;
  498. letter-spacing:0px;
  499. font-weight:600;
  500. width:288px;
  501. margin-left:-21px;
  502. margin-top:-20px;
  503. text-align:left;
  504. background:{color:accent};
  505. font-family: 'PT Sans', sans-serif;
  506. color:{color:posts};
  507. padding:12px;
  508. }
  509. .sidebox {
  510. position:absolute;
  511. background:{color:posts};
  512. width:310px;
  513. top:400px;
  514. margin-left:190px;
  515. z-index:999;
  516. }
  517. .box {
  518. padding:20px;
  519. }
  520. #description {
  521. margin:5px;
  522. text-align:justify;
  523. }
  524. .members {
  525. margin:5px;
  526. font-size:10px;
  527. text-transform:uppercase;
  528. text-align:justify;
  529. }
  530. #description1 {
  531. margin:5px;
  532. font-size:10px;
  533. padding-top:8px;
  534. font-weight:300;
  535. padding:15px;
  536. line-height:14px;
  537. font-family:'roboto', sans-serif;
  538. }
  539. #description1:first-letter {
  540. font-size:23px;
  541. padding:1px;
  542. font-family:'droid sans', sans-serif;
  543. font-weight:bold;
  544. padding-left:2px;
  545. color:{color:text};
  546. margin:4px 0 0;
  547. float:center;
  548. font-style:none;
  549. text-transform:uppercase;
  550. }
  551. #sidebarr {
  552. margin:5px;
  553. text-align:justify;
  554. }
  555. .aboutt {
  556. margin:5px;
  557. font-size:10px;
  558. padding-top:8px;
  559. font-weight:300;
  560. padding:15px;
  561. line-height:14px;
  562. font-family:'roboto', sans-serif;
  563. }
  564. .navlinks {
  565. z-index:9999999999;
  566. padding:22px;
  567. text-align:justify;
  568. font-size:10px;
  569. font-weight:500;
  570. line-height:12px;
  571. font-family:'roboto', sans-serif;
  572. margin-left:11px;
  573. margin-top:10px;
  574. width:190px;
  575. }
  576. .navlinks a{
  577. margin:5px;
  578. width:100px;
  579. height:35px;
  580. margin-bottom:5px;
  581. text-align:center;
  582. padding-bottom:1px;
  583. padding:6px;
  584. line-height:50px;
  585. color:{color:links text};
  586. font-style:none;
  587. z-index:99999;
  588. font-weight:600;
  589. font-family: 'Roboto Condensed', sans-serif;
  590. letter-spacing:2px;
  591. font-size:10px;
  592. text-transform:uppercase;
  593. text-decoration:none;
  594. }
  595. .navlinks a:hover {
  596. color:{color:hover};
  597. -webkit-transition: all 0.3s ease-in-out;
  598. -moz-transition: all 0.3s ease-in-out;
  599. -o-transition: all 0.3s ease-in-out;
  600. -ms-transition: all 0.3s ease-in-out;
  601. transition: all 0.3s ease-in-out;
  602. }
  603. /*post tags*/
  604. #tags {
  605. text-align:center;
  606. opacity:1
  607. font-size:8px;
  608. font-family: 'PT Sans', sans-serif;
  609. margin-top:-12px;
  610. text-shadow: 1px 1px 1px #cccccc;
  611. margin-left:0px;
  612. padding:5px;
  613. font-weight:700;
  614. height:15px;
  615. width:auto;
  616. text-transform:uppercase;
  617. transition-duration: 0.5s;
  618. -moz-transition-duration: 0.5s;
  619. -webkit-transition-duration: 0.5s;
  620. -o-transition-duration: 0.5s;
  621. }
  622. #tags a {
  623. padding:0px;
  624. margin-top:-3px;
  625. color:{color:text};
  626. line-height:12px;
  627. letter-spacing:1px;
  628. font-weight:none;
  629. text-align:center;
  630. font-size:8px;
  631. font-family: 'PT Sans', sans-serif;
  632. display:inline-block;
  633. }
  634. #tags a:hover {
  635. -moz-transition-duration:0.3s;
  636. -webkit-transition-duration:0.3s;
  637. -o-transition-duration:0.3s;
  638. color:{color:hover};
  639. }
  640. /*sidebar links*/
  641. .links {
  642. width:1000px;
  643. height:37px;
  644. overflow:hidden;
  645. cursor:pointer;
  646. top:320px;
  647. opacity:1;
  648. z-index:999999999;
  649. position:absolute;
  650. background:{color:accent};
  651. margin-left:190px;
  652. text-align:center;
  653. }
  654. .links #all {
  655. margin-left:-5px;
  656. margin-top:-5px;
  657. padding:5px;
  658. height:14px;
  659. transition-duration: 0.3s;
  660. -moz-transition-duration: 0.3s;
  661. -webkit-transition-duration: 0.3s;
  662. -o-transition-duration: 0.3s;
  663. }
  664. .links #all a:hover {
  665. color:{color:hover};
  666. transition-duration: 0.3s;
  667. -moz-transition-duration: 0.3s;
  668. -webkit-transition-duration: 0.3s;
  669. -o-transition-duration: 0.3s;
  670. }
  671. .links a {
  672. width:auto;
  673. height:30px;
  674. margin-bottom:5px;
  675. text-align:center;
  676. text-transform:uppercase;
  677. padding:4px;
  678. opacity:1;
  679. margin-left:-3px;
  680. line-height:32px;
  681. color:{color:posts};
  682. font-style:italic;
  683. z-index:99999;
  684. font-weight:600;
  685. font-family: 'roboto', sans-serif;
  686. letter-spacing:0px;
  687. font-size:9px;
  688. display:inline-block;
  689. -webkit-transition: all 0.3s ease-in-out;
  690. -moz-transition: all 0.3s ease-in-out;
  691. -o-transition: all 0.3s ease-in-out;
  692. -ms-transition: all 0.3s ease-in-out;
  693. transition: all 0.3s ease-in-out;
  694. }
  695. .arrow {
  696. align:right;
  697. margin:7px 0px 10px 0px;
  698. padding:10px;
  699. position: relative;
  700. }
  701. .arrow a1{
  702. display:block;
  703. position:absolute;
  704. width:1px;
  705. height:1px
  706. font-size:0;
  707. margin-left:5px;
  708. top:-19px;z-index:9999999;
  709. border-right:7px solid transparent;
  710. border-left:7px solid transparent;
  711. border-top:10px solid transparent;
  712. -ms-transform: rotate(92deg); /* IE 9 */
  713. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  714. transform: rotate(92deg);
  715. }
  716. .arrow a2 {
  717. display:block;
  718. position:absolute;
  719. width:0px;
  720. height:1px
  721. font-size:0;
  722. margin-left:291px;
  723. top:-23px;
  724. border-right:9px solid transparent;
  725. border-left:9px solid transparent;
  726. border-top:10px solid {color:accent};
  727. -ms-transform: rotate(90deg); /* IE 9 */
  728. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  729. transform: rotate(270deg);
  730. }
  731. /*posts*/
  732. #entries {
  733. margin-left:650px;
  734. margin-top:400px;
  735. }
  736. #post {
  737. font-size:10px;
  738. width:500px;
  739. color:{color:post text};
  740. background-color:{color:posts};
  741. text-align:justify;
  742. padding:20px;
  743. padding-top:5px;
  744. padding-bottom:12px;
  745. overflow:hidden;
  746. line-height:20px;
  747. margin-bottom:30px;
  748. }
  749. #post img{
  750. max-width:500px;
  751. height:auto;
  752. }
  753. /*questions and answers*/
  754. #asking {
  755. margin-left:20px;
  756. margin-top:-23px;
  757. }
  758. #question {
  759. padding:20px;
  760. padding-left:14px;
  761. margin-top:-28px;
  762. margin-left:-1px;
  763. font-size:10px;
  764. width:470px;
  765. color:{color:posts};
  766. background-color:{color:accent};
  767. }
  768. #asker{
  769. margin-top:18px;
  770. padding:1px;
  771. font-weight:600;
  772. font-size:10px;
  773. z-index:9999999999;
  774. color:{color:text};
  775. font-style:italic;
  776. opacity:1;
  777. margin-left:12px;
  778. letter-spacing:0px;
  779. font-family: 'roboto', sans-serif;
  780. text-transform:uppercase;
  781. }
  782. /*post info*/
  783. #info {
  784. width:450px;
  785. height:13px;
  786. text-align:center;
  787. font-family: 'Ubuntu', sans-serif;
  788. text-transform:uppercase;
  789. margin-left:18px;
  790. text-shadow: 1px 1px 1px #cccccc;
  791. font-size:9px;
  792. margin-top:20px;
  793. overflow:hidden;
  794. font-weight:700;
  795. font-style:none;
  796. letter-spacing:1px;
  797. padding:5px;
  798. border-top:1px solid {color:border};
  799. line-height:15px;
  800. background-color:{color:posts};
  801. color:{color:text};
  802. }
  803. #info a {
  804. text-align:center;
  805. font-weight:700;
  806. padding-top:10px;
  807. letter-spacing:1px;
  808. text-shadow: 1px 1px 1px #cccccc;
  809. font-family: 'Ubuntu', sans-serif;
  810. line-height:7px;
  811. color:{color:text};
  812. }
  813. #info a:hover{
  814. color:{color:hover};
  815. }
  816. /*search box*/
  817. .search {
  818. text-align:left;
  819. line-height:100%;
  820. position:absolute;
  821. background:none;
  822. margin-top:5px;
  823. margin-left:180px;
  824. }
  825. .search input{
  826. color:black;
  827. position:absolute;
  828. font-family:'roboto', sans-serif;
  829. font-size:11px;
  830. border:0px;
  831. text-transform:uppercase;
  832. letter-spacing:1px;
  833. border-bottom:1px solid #ddd;
  834. padding:3px 8px;
  835. text-align:center;
  836. background:none;
  837. margin-left:-125px;
  838. width:170px;
  839. height:30px;
  840. outline:none;
  841. }
  842. input.sbutton{
  843. outline:none;
  844. cursor:help;
  845. font-family:'icomoon';
  846. padding:10px;
  847. margin-left:-165px;
  848. margin-top:2px;
  849. color:black;
  850. font-size:20px;
  851. text-transform:uppercase;
  852. border-bottom:1px solid #ddd;
  853. background:none;
  854. font-weight:normal;
  855. width:40px;
  856. height:35px;
  857. outline:none;
  858. }
  859. @font-face {
  860. font-family:'icomoon';
  861. src:url('https://dl.dropboxusercontent.com/s/2irmmmxhhoz2w7h/icomoon.ttf');
  862. font-style:normal;
  863. font-weight:normal;
  864. }
  865. ::-webkit-input-placeholder {
  866. color:black;text-transform:uppercase;opacity:1;letter-spacing:0px;
  867. }
  868. ::-moz-input-placeholder {
  869. color:black;text-transform:uppercase;opacity:1;letter-spacing:0px;
  870. }
  871. ::-o-input-placeholder {
  872. color:black;text-transform:uppercase;opacity:1;letter-spacing:0px;
  873. }
  874. ::-ms-input-placeholder {
  875. color:black;text-transform:uppercase;opacity:15;letter-spacing:0px;
  876. }
  877. /*credit (u better leave this here u goof)*/
  878. #credit{
  879. position:fixed;
  880. font-size:8px;
  881. font-weight:400;
  882. padding-bottom:5px;
  883. padding-top:5px;
  884. height:20px;
  885. width:20px;
  886. opacity:1;
  887. padding-left:5px;
  888. padding-right:5px;
  889. margin-left:1331px;
  890. top:650px;
  891. letter-spacing:0px;
  892. line-height:22px;
  893. background-color:black;
  894. padding:3px;
  895. text-align:center;
  896. float:left;
  897. font-family: 'roboto', sans-serif;
  898. color:{color:posts};
  899. text-transform:uppercase;
  900. }
  901. {CustomCSS}</style>
  902. </head>
  903. <body>
  904. <!-----basics---->
  905. <div id="sidebar">
  906. <div id="headerimage"><img src="{image:header}"></a></div>
  907. </div>
  908. </div>
  909. <!-----background---->
  910. <div class="toppp">
  911. <div id="navi">
  912. </div>
  913. </div>
  914. </div>
  915. <!---- Sticky Position (Bar) with CSS or jQuery by http://www.hongkiat.com/ --->
  916. <script>
  917. var header = document.querySelector('.toppp');
  918. var origOffsetY = header.offsetTop;
  919. function onScroll(e) {
  920. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  921. header.classList.remove('sticky');
  922. }
  923. document.addEventListener('scroll', onScroll);
  924. </script>
  925. <!-----sidebar links---->
  926. <div class="links">
  927. <div id="all">
  928. <a href="/">index</a>
  929. <a href="/ask">contact</a>
  930. <a href="{text:link one url}">{text:link one}</a>
  931. <a href="{text:link two url}">{text:link two}</a>
  932. <a href="{text:link three url}">{text:link three}</a>
  933. <a href="{text:link four url}">{text:link four}</a>
  934. </div>
  935. </div>
  936. </div>
  937. <!-----sidebar---->
  938. <div class="topp">
  939. <div class="sidebox">
  940. <!-----description---->
  941. <div class="box">
  942. <div class="tit"style=" z-index:999999999;">Home</div>
  943. <div id="description1">{description}</div>
  944. <div class="search">
  945. <form action="/search" method="get">
  946. <input type="text" name="q" value="" placeholder="Search {name}" />
  947. <input type="submit" value="&#xe601;" class="sbutton" />
  948. </form></div></br></br></br>
  949. </div>
  950. <!-----social media links---->
  951. <div class="box">
  952. <div class="tit">Social media</div>
  953. <div class="navlinks">
  954. <div id="all">
  955. <a href="/"title="facebook"><i class="fa fa-facebook-square"style="color:{color:links text};font-size:25px"></i></a>
  956. <a href="/" title="twitter"><i class="fa fa-twitter-square"style="color:{color:links text};font-size:25px"></i></a>
  957. <a href="/"title="nstagram"><i class="fa fa-instagram"style="color:{color:links text};font-size:25px"></i></a>
  958. <a href="/"title="pinterest"><i class="fa fa-pinterest-square"style="color:{color:links text};font-size:25px"></i></a>
  959. <a href="/"title="flickr"><i class="fa fa-flickr"style="color:{color:links text};font-size:25px"></i></a>
  960. <a href="/"title="google plus"><i class="fa fa-google-plus-square"style="color:{color:links text};font-size:25px"></i></a>
  961. <a href="/"title="github"><i class="fa fa-github-square"style="color:{color:links text};font-size:25px"></i></a>
  962. <a href="/"title="vimeo"><i class="fa fa-vimeo-square"style="color:{color:links text};font-size:25px"></i></a>
  963. </div>
  964. </div>
  965. </div>
  966. <!-----updates---->
  967. <div class="box">
  968. <div class="tit">Updates</div>
  969. <div class="aboutt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  970. Lorem ipsum dolor sit amet.
  971. Consectetuer adipiscing elit.
  972. Nam at tortor quis ipsum tempor aliquet.
  973. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.</a>
  974. </div></div>
  975. <!-----disclaimer---->
  976. <div class="box">
  977. <div class="tit">disclaimer</div>
  978. <div class="aboutt">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  979. Lorem ipsum dolor sit amet.
  980. Consectetuer adipiscing elit.
  981. Nam at tortor quis ipsum tempor aliquet.
  982. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse sed ligula. Sed volutpat odio non turpis gravida luctus. Praesent elit pede, iaculis facilisis, vehicula mattis, tempus non, arcu.</a>
  983. </div></div>
  984. <!-----blog info---->
  985. <div class="box">
  986. <div class="tit">Blog info</div>
  987. <div class="aboutt">
  988. <b>Blog created by:</b> Name here
  989. </br>
  990. <b>Blog established:</b> Date here
  991. </br>
  992. <b>Graphics by:</b> Name here
  993. </br>
  994. <b>Theme made by:</b> moonstarthemes
  995. </div></div>
  996. </div>
  997. </div>
  998. <!-----posts and entries---->
  999. <div id="entries">
  1000. {block:Posts}
  1001. <div id="post"
  1002. <div id="post">
  1003. <!----texts---->
  1004. {block:Text}
  1005. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1006. {Body}
  1007. {/block:Text}
  1008. <!-----question and answers---->
  1009. {block:Answer}
  1010. <div id="asker"style="color:{color:posts}"><m>{Asker}</m> asked:</div>
  1011. <div id="question">{Question}</div>
  1012. {Answer}{/block:Answer}
  1013. <!-----quotes---->
  1014. {block:Quote}
  1015. {block:Quote}
  1016. <h2>{Quote}</h2>
  1017. <div align="right">
  1018. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1019. </div>
  1020. {/block:Quote}
  1021. <!-----links---->
  1022. {block:Link}
  1023. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1024. {block:Description}{Description}{/block:Description}
  1025. {/block:Link}
  1026. <!-----chats---->
  1027. {block:Chat}
  1028. {block:Title}<h2>{Title}</h2>{/block:Title}
  1029. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1030. {Line}</li>{/block:Lines}</ul>
  1031. {/block:Chat}
  1032. <!-----photos---->
  1033. {block:Photo}
  1034. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1035. {block:Caption}{Caption}{/block:Caption}
  1036. {/block:Photo}
  1037. <!-----photosets---->
  1038. {block:Photoset}
  1039. {Photoset-500}
  1040. {block:Caption}{Caption}{/block:Caption}
  1041. {/block:Photoset}
  1042. <!-----videos---->
  1043. {block:Video}
  1044. {Video-500}
  1045. {block:Caption}{Caption}{/block:Caption}
  1046. {/block:Video}
  1047. <!-----audios---->
  1048. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  1049. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  1050. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  1051. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  1052. </br>
  1053. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  1054. {/block:Audio}
  1055. <!-----info---->
  1056. <div id="info">
  1057. <div id="permalink">
  1058. <a href="{Permalink}"><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i>
  1059. {DayOfMonth} {ShortMonth} {ShortYear} · </a> {NoteCountWithLabel} {block:RebloggedFrom}
  1060. {block:ContentSource}
  1061. · <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> / <a href="{SourceURL}"title="{ReblogRootName}">SRC</a> · {block:RebloggedFrom}
  1062. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="color:{color:text}"></i></a>
  1063. {block:RebloggedFrom}
  1064. {/block:RebloggedFrom}
  1065. {/block:ContentSource}
  1066. {/block:RebloggedFrom}
  1067. </a></div></div>
  1068. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> {Tag} </a>, {/block:Tags}
  1069. </div>
  1070. {/block:HasTags}
  1071. </div>
  1072. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1073.  
  1074. {/block:Posts}
  1075. {block:Pagination}
  1076. <div class="pagination"style="{color:title text}">
  1077. {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:posts};background:{color:text};padding:4px">{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}
  1078. {/block:Pagination}</div>
  1079. </div>
  1080. <!-----credit (u better dont touch this here u goof)---->
  1081. <div id="credit">
  1082. <a href="http://adf.ly/1Q6OGo"title="moonstar themes"style="color:white">ms</a>
  1083. </div>
  1084. </html>
  1085. </body>
  1086. <!-----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!