API tools faq
paste
azurethemes

theme 85

azurethemes
Dec 31st, 2015
568
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.76 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 085 ❞
  16.  
  17. ◜ ◝ ◞ ★ ☾ ease ☽ ★ ◟ ◠ ◡
  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' , 'Kanit:400,500,600,700:latin', 'Dhurjati::latin', 'Mandali::latin', 'Monda:400,700:latin', 'Rambla:400,700:latin', 'Share+Tech::latin', 'Average+Sans::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.  
  62. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  63. <script>
  64. $(document).ready(function(){
  65.  
  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-arrow-circle-o-up"></i></a>'].join("");
  68. $("body").append(back_to_top_button)
  69.  
  70. // Der Button wird ausgeblendet
  71. $(".back-to-top").hide();
  72.  
  73. // Funktion für das Scroll-Verhalten
  74. $(function () {
  75. $(window).scroll(function () {
  76. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  77. $('.back-to-top').fadeIn();
  78. } else {
  79. $('.back-to-top').fadeOut();
  80. }
  81. });
  82.  
  83. $('.back-to-top').click(function () { // Klick auf den Button
  84. $('body,html').animate({
  85. scrollTop: 0
  86. }, 800);
  87. return false;
  88. });
  89. });
  90.  
  91. });
  92. </script>
  93.  
  94. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  95. <!---- - END TOOLTIPS SCRIPT / DONT TOUCH!!! - --->
  96. <head>
  97. <title>{Title}</title>
  98. <link rel="shortcut icon" href="{Favicon}">
  99. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  100. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  101. <!---- - START BACKGROUND COLORS / DONT TOUCH!!! - --->
  102. <meta name="color:background" content="#f5f5f5"/>
  103. <meta name="color:posts" content="#ffffff">
  104. <meta name="color:scrollbar" content="#000000">
  105. <meta name="color:scrollbar background" content="#ffffff">
  106. <!---- - END BACKGROUND COLORS / DONT TOUCH!!! - --->
  107. <!---- - START TEXT COLORS / DONT TOUCH!!! - --->
  108. <meta name="color:text" content="#000000"/>
  109. <meta name="color:info text" content="#000000"/>
  110. <meta name="color:post text" content="#000000"/>
  111. <!---- - END TEXT COLORS / DONT TOUCH!!! - --->
  112. <!---- - START OTHER COLORS / DONT TOUCH!!! - --->
  113. <meta name="color:hover" content="#97c5e0">
  114. <meta name="color:border" content="#f6f6f6">
  115. <meta name="color:accent" content="#f6f6f6">
  116. <meta name="color:date accent" content="#f6f6f6">
  117. <meta name="color:links" content="#000000"/>
  118. <!---- - END OTHER COLORS / DONT TOUCH!!! - --->
  119. <!---- - START BORDER COLORS / DONT TOUCH!!! - --->
  120. <meta name="color:border" content="#000000"/>
  121. <!---- - END BORDER COLORS / DONT TOUCH!!! - --->
  122. <!---- - START IMAGES / DONT TOUCH!!! - --->
  123. <meta name="image:background" content=""/>
  124. <meta name="image:header" content=""/>
  125. <meta name="image:sidebar" content=""/>
  126. <!---- - END IMAGES / DONT TOUCH!!! - --->
  127. <meta name="text:title" content="">
  128. <!---- - START LINKS / DONT TOUCH!!! - --->
  129. <meta name="text:link one url" content="/">
  130. <meta name="text:link two url" content="/">
  131. <meta name="text:link three url" content="/">
  132. <!---- - END LINKS / DONT TOUCH!!! - --->
  133.  
  134. <style type="text/css">
  135.  
  136. ::-webkit-scrollbar-thumb {
  137. height:auto;
  138. background-color:{color:scrollbar};
  139. }
  140. ::-webkit-scrollbar {
  141. height:2px;
  142. width:5px;
  143. background-color:{color:scrollbar background};
  144. }
  145. #s-m-t-tooltip {
  146. margin:12px 0px 0px 12px;
  147. padding:10px;
  148. background-color:{color:text};
  149. font-family: 'roboto', sans-serif;
  150. font-weight:400;
  151. font-size:10px;
  152. text-transform:uppercase;
  153. letter-spacing:1px;
  154. color:{color:posts};
  155. z-index:999999999999999999999999999999999999;
  156. }
  157. body {
  158. background-color:{color:background};
  159. background-image:url('{image:background}');
  160. background-attachment: fixed;
  161. background-repeat: repeat;
  162. font-weight:none;
  163. font-family: 'roboto', sans-serif;
  164. font-size:10px;
  165. text-align:justify;
  166. color:{color:text};
  167. margin:0;
  168. }
  169. a {
  170. text-decoration:none;
  171. margin-left:12px;
  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:hover};
  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. blockquote {
  189. font-size:10px;
  190. max-width:545px;
  191. border-left:3px solid{color:border};
  192. text-align:left;
  193. padding:1px;
  194. font-weight:none;
  195. margin-left:25px;
  196. padding-top:0.5px;
  197. padding-bottom:0.5px;
  198. font-size:10px;
  199. font-family: 'arial', sans-serif;
  200. margin-right:30px;
  201. padding-left:15px;
  202. color:{color:text};
  203. }
  204. pre{
  205. font-size:9px;
  206. text-align:center;
  207. text-transform:none;
  208. font-family: 'Bitter', serif;
  209. font-weight:bold;
  210. line-height:9px;
  211. border-left:1px solid {color:border};
  212. border-bottom:1px solid {color:border};
  213. letter-spacing:2px;
  214. background-color:{color:blockquote};
  215. color:{color:post text};
  216. padding:6px;
  217. }
  218. small{
  219. font-size:8px;
  220. }
  221. big{
  222. font-size:11px;
  223. }
  224. sub{
  225. font-size:7px;
  226. text-align:left;
  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 {color:border};
  237. color:{color:text};
  238. padding:7px;
  239. }
  240. h1 a{
  241. color:{color:text};
  242. }
  243. h2{
  244. color:{color:post 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. m {
  260. font-style:italic;
  261. color:{color:top text};
  262. }
  263. j {
  264. font-weight:bold;
  265. }
  266. normal {
  267. margin-left:-13px;
  268. }
  269. n {
  270. font-weight:bold;
  271. letter-spacing:-1px;
  272. text-shadow: 1px 1px 1px #cccccc;
  273. font-size:12px;
  274. text-transform:uppercase;
  275. color:{color:text};
  276. }
  277. u {
  278. text-decoration:none;
  279. text-shadow: 1px 1px 1px #cccccc;
  280. border-bottom:1px solid {color:text};
  281. }
  282. #description {
  283. overflow:auto;
  284. position:absolute;
  285. text-align:justify;
  286. top:142px;
  287. margin-left:832px;
  288. word-wrap: break-word;
  289. font-family: 'arial', sans-serif;
  290. width:154px;
  291. height:220px;
  292. opacity:1;
  293. line-height:13px;
  294. font-weight:400;
  295. color:{color:accent};
  296. padding:15px;
  297. letter-spacing:1px;
  298. font-size:9px;
  299. z-index:99999;
  300. transition-duration: 0.9s;
  301. -moz-transition-duration:0.9s;
  302. -webkit-transition-duration:0.9s;
  303. -o-transition-duration:0.9s;
  304. }
  305. .pagination{
  306. font-family: 'arial', sans-serif;
  307. margin-left:-180px;
  308. width:auto;
  309. padding-top:-10px;
  310. padding-bottom:20px;
  311. font-size:10px;
  312. text-align:center;
  313. }
  314. .pagination a{
  315. padding:3px;
  316. font-family: 'arial', sans-serif;
  317. font-weight:300;
  318. bottom:10px;
  319. margin-left:5px;
  320. border:1px solid {color:border};
  321. color:{color:text};
  322. }
  323. .pagination a:hover{
  324. color:{color:hover};
  325. -moz-transition-duration:0.5s;
  326. -webkit-transition-duration:0.5s;
  327. -o-transition-duration:0.5s;
  328. transition: all 0.3s ease-out;
  329. }
  330. #boxes {
  331. overflow:auto;
  332. position:absolute;
  333. text-align:left;
  334. margin-top:45px;
  335. margin-left:215px;
  336. text-transform:none;
  337. font-style:normal;
  338. font-family: 'Roboto', sans-serif;
  339. width:255px;
  340. height:100px;
  341. opacity:1;
  342. line-height:10px;
  343. font-weight:none;
  344. color:{color:text};
  345. background:{color:description};
  346. padding:17px;
  347. letter-spacing:0px;
  348. font-size:10px;
  349. transition-duration: 0.9s;
  350. -moz-transition-duration:0.9s;
  351. -webkit-transition-duration:0.9s;
  352. -o-transition-duration:0.9s;
  353. }
  354. .tit {
  355. font-size:11px;
  356. text-transform:uppercase;
  357. margin-bottom:0px;
  358. margin-left:-25px;
  359. margin-top:-25px;
  360. width:230px;
  361. height:20px;
  362. letter-spacing:2px;
  363. font-weight:300;
  364. text-align:center;
  365. border-bottom:1px solid {color:border};
  366. background:{color:date accent};
  367. line-height:25px;
  368. font-family: 'monda', sans-serif;
  369. color:{color:text};
  370. padding:10px;
  371. }
  372. .sidebox {
  373. position:absolute;
  374. width:250px;
  375. border-radius:8px 8px 0px 0px;
  376. background:{color:posts};
  377. top:528px;
  378. margin-left:810px;
  379. z-index:9;
  380. }
  381. .box {
  382. padding:25px;
  383. }
  384. .members {
  385. z-index:9999999999;
  386. padding:35px;
  387. text-align:justify;
  388. font-size:10px;
  389. font-weight:500;
  390. line-height:12px;
  391. font-family:'arial', sans-serif;
  392. margin-left:-25px;
  393. margin-top:0px;
  394. width:182px;
  395. }
  396. #description1 {
  397. z-index:9999999999;
  398. padding:35px;
  399. text-align:justify;
  400. font-size:10px;
  401. font-weight:500;
  402. line-height:12px;
  403. font-family:'arial', sans-serif;
  404. margin-left:-25px;
  405. margin-top:0px;
  406. width:1826px;
  407. }
  408. #sidebarr {
  409. margin:5px;
  410. text-align:justify;
  411. }
  412. .aboutt {
  413. z-index:9999999999;
  414. padding:35px;
  415. text-align:justify;
  416. font-size:10px;
  417. font-weight:500;
  418. line-height:12px;
  419. font-family:'arial', sans-serif;
  420. margin-left:-25px;
  421. margin-top:0px;
  422. width:182px;
  423. }
  424. .iinfo {
  425. z-index:9999999999;
  426. padding:35px;
  427. text-align:justify;
  428. font-size:10px;
  429. font-weight:500;
  430. line-height:12px;
  431. font-family:'arial', sans-serif;
  432. margin-left:-25px;
  433. margin-top:0px;
  434. width:182px;
  435. }
  436. #projects {
  437. z-index:9999999999;
  438. padding:35px;
  439. text-align:left;
  440. font-size:10px;
  441. font-weight:500;
  442. line-height:20px;
  443. font-family:'arial', sans-serif;
  444. margin-left:-25px;
  445. margin-top:0px;
  446. width:182px;
  447. }
  448. #projects img {
  449. outline:1px solid #ddd;
  450. outline-offset:3px;
  451. width:180px;
  452. margin-bottom:8px;
  453. height:80px;
  454. float:left;
  455. margin-right:10px;
  456. }
  457. .affiliates {
  458. z-index:9999999999;
  459. padding:35px;
  460. text-align:left;
  461. font-size:10px;
  462. font-weight:500;
  463. line-height:25px;
  464. letter-spacing:6px;
  465. font-family:'arial', sans-serif;
  466. margin-left:-20px;
  467. margin-top:0px;
  468. width:172px;
  469. }
  470. .affiliates img {
  471. width:50px;
  472. height:50px;
  473. padding:5px;
  474. border-radius:100px;
  475. border:1px solid #ddd;
  476. }
  477. .navlinks {
  478. z-index:9999999999;
  479. padding:22px;
  480. text-align:justify;
  481. font-size:10px;
  482. font-weight:500;
  483. line-height:12px;
  484. font-family:'roboto', sans-serif;
  485. margin-left:-30px;
  486. margin-top:0px;
  487. width:195px;
  488. }
  489. .navlinks a{
  490. margin:5px;
  491. width:190px;
  492. height:25px;
  493. margin-bottom:2px;
  494. text-align:left;
  495. padding-bottom:1px;
  496. padding:6px;
  497. line-height:33px;
  498. color:{color:text};
  499. border-bottom:1px solid {color:border};
  500. font-style:none;
  501. z-index:99999;
  502. font-weight:300;
  503. font-family: 'kanit', sans-serif;
  504. letter-spacing:1px;
  505. font-size:9px;
  506. text-transform:uppercase;
  507. text-decoration:none;
  508. display:inline-block;
  509. }
  510. .navlinks a:hover {
  511. padding-left:15px;
  512. width:181px;
  513. color:{color:hover};
  514. -webkit-transition: all 0.3s ease-in-out;
  515. -moz-transition: all 0.3s ease-in-out;
  516. -o-transition: all 0.3s ease-in-out;
  517. -ms-transition: all 0.3s ease-in-out;
  518. transition: all 0.3s ease-in-out;
  519. }
  520. .hqs {
  521. z-index:9999999999;
  522. padding:22px;
  523. text-align:left;
  524. font-size:10px;
  525. font-weight:500;
  526. line-height:40px;
  527. font-family:'roboto', sans-serif;
  528. margin-left:-13px;
  529. letter-spacing:15px;
  530. margin-top:0px;
  531. width:172px;
  532. }
  533. .hqs img {
  534. width:60px;
  535. height:60px;
  536. outline-offset:3px;
  537. outline:1px solid #ddd;
  538. }
  539. #events {
  540. z-index:9999999999;
  541. padding:22px;
  542. text-align:left;
  543. font-size:10px;
  544. font-weight:500;
  545. line-height:52px;
  546. font-family:'roboto', sans-serif;
  547. margin-left:-15px;
  548. margin-top:0px;
  549. width:182px;
  550. }
  551. .ilinks {
  552. width:700px;
  553. height:35px;
  554. overflow:hidden;
  555. cursor:pointer;
  556. top:55px;
  557. opacity:1;
  558. background:{color:accent};
  559. border-radius:8px 8px 0px 0px;
  560. box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
  561. z-index:9999999999;
  562. position:absolute;
  563. margin-left:360px;
  564. text-align:center;
  565. }
  566. .ilinks #all {
  567. margin-left:-5px;
  568. margin-top:5px;
  569. padding:5px;
  570. -webkit-transition: all 0.3s ease-in-out;
  571. -moz-transition: all 0.3s ease-in-out;
  572. -o-transition: all 0.3s ease-in-out;
  573. -ms-transition: all 0.3s ease-in-out;
  574. transition: all 0.3s ease-in-out;
  575. }
  576. .ilinks #all a:hover {
  577. color:{color:hover};
  578. -webkit-transition: all 0.3s ease-in-out;
  579. -moz-transition: all 0.3s ease-in-out;
  580. -o-transition: all 0.3s ease-in-out;
  581. -ms-transition: all 0.3s ease-in-out;
  582. transition: all 0.3s ease-in-out;
  583. }
  584. .ilinks a {
  585. width:70px;
  586. height:25px;
  587. margin-bottom:5px;
  588. text-align:center;
  589. text-transform:uppercase;
  590. padding:4px;
  591. opacity:1;
  592. line-height:12px;
  593. color:{color:text};
  594. font-style:none;
  595. z-index:99999;
  596. margin-left:-3px;
  597. font-weight:300;
  598. font-family: 'Kanit', sans-serif;
  599. letter-spacing:1px;
  600. font-size:9px;
  601. display:inline-block;
  602. -webkit-transition: all 0.3s ease-in-out;
  603. -moz-transition: all 0.3s ease-in-out;
  604. -o-transition: all 0.3s ease-in-out;
  605. -ms-transition: all 0.3s ease-in-out;
  606. transition: all 0.3s ease-in-out;
  607. }
  608. .hide{
  609. width:280px;
  610. height:349px;
  611. top:90px;
  612. opacity:1;
  613. position:absolute;
  614. font-family: 'raleway', sans-serif;
  615. letter-spacing:-1px;
  616. text-align:center;
  617. font-weight:700;
  618. color:{color:text};
  619. text-transform:uppercase;
  620. line-height:55px;
  621. background-color: rgba(0, 0, 0, 0.4);
  622. border-bottom:1px solid transparent;
  623. font-size:15px;
  624. margin-left:780px;
  625. z-index:999;
  626. }
  627. #title2{
  628. width:700px;
  629. height:35px;
  630. top:440px;
  631. opacity:1;
  632. position:absolute;
  633. font-family: 'kanit', sans-serif;
  634. letter-spacing:0px;
  635. text-align:center;
  636. font-weight:400;
  637. background:{color:accent};
  638. color:{color:text};
  639. border-radius:0px 0px 8px 8px;
  640. box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
  641. text-transform:uppercase;
  642. line-height:40px;
  643. font-size:10px;
  644. margin-left:360px;
  645. z-index:-99;
  646. }
  647. #header {
  648. position:relative;
  649. width:700px;
  650. top:90px;
  651. border:none;
  652. z-index:-999999999;
  653. height:350px;
  654. background-image:url('{image:header}');
  655. background:{color:text};
  656. margin-left:360px;
  657. }
  658. #header img {
  659. position:absolute;
  660. margin-left:0;
  661. background-image:url('{image:header}');
  662. background:{color:text};
  663. width:700px;
  664. height:350px;
  665. margin-top:30;
  666. }
  667. #entries {
  668. margin-left:360px;
  669. margin-top:170px;
  670. }
  671. #post {
  672. font-size:10px;
  673. width:400px;
  674. color:{color:post text};
  675. background-color:{color:posts};
  676. text-align:justify;
  677. border-radius:5px 5px 5px 5px;
  678. overflow:hidden;
  679. line-height:20px;
  680. margin-bottom:30px;
  681. }
  682. #post img{
  683. max-width:400px;
  684. margin-top:-21px;
  685. margin-left:-12px;
  686. height:auto;
  687. }
  688. #info {
  689. width:330px;
  690. height:13px;
  691. text-align:center;
  692. font-family: 'Kanit', sans-serif;
  693. text-transform:uppercase;
  694. margin-left:28px;
  695. font-size:9px;
  696. margin-top:5px;
  697. overflow:hidden;
  698. font-weight:300;
  699. font-style:none;
  700. letter-spacing:1px;
  701. padding:5px;
  702. border-bottom:1px solid {color:border};
  703. line-height:15px;
  704. color:{color:text};
  705. }
  706. #info a {
  707. text-align:center;
  708. font-weight:300;
  709. letter-spacing:1px;
  710. font-family: 'Kanit', sans-serif;
  711. line-height:7px;
  712. color:{color:text};
  713. }
  714. #info a:hover{
  715. color:{color:hover};
  716. }
  717. .right{
  718. float:center;
  719. }
  720. #tags {
  721. text-align:center;
  722. opacity:1;
  723. font-size:8px;
  724. font-family: 'Kanit', sans-serif;
  725. margin-top:-2px;
  726. margin-left:0px;
  727. padding:5px;
  728. font-weight:none;
  729. margin-bottom:5px;
  730. height:15px;
  731. width:auto;
  732. text-transform:none;
  733. transition-duration: 0.5s;
  734. -moz-transition-duration: 0.5s;
  735. -webkit-transition-duration: 0.5s;
  736. -o-transition-duration: 0.5s;
  737. }
  738. #tags a {
  739. padding:0px;
  740. margin-top:-3px;
  741. color:{color:text};
  742. line-height:12px;
  743. letter-spacing:1px;
  744. font-weight:none;
  745. text-align:center;
  746. font-size:9px;
  747. font-family: 'Kanit', sans-serif;
  748. display:inline-block;
  749. }
  750. #tags a:hover {
  751. -moz-transition-duration:0.3s;
  752. -webkit-transition-duration:0.3s;
  753. -o-transition-duration:0.3s;
  754. color:{color:hover};
  755. }
  756. #asking {
  757. margin-left:20px;
  758. margin-top:-35px;
  759. }
  760. #askingimage {
  761. }
  762. #askingimage img {
  763. margin-left:345px;
  764. width:43px;
  765. height:43px;
  766. border-radius:4px 4px 4px 4px;
  767. margin-top:30px;
  768. }
  769. #question {
  770. padding:20px;
  771. padding-left:14px;
  772. margin-top:-24px;
  773. margin-left:20px;
  774. font-size:10px;
  775. width:260px;
  776. border-radius:2px 2px 2px 2px;
  777. color:{color:text};
  778. background-color:{color:accent};
  779. }
  780. #asker{
  781. margin-top:-60px;
  782. padding:1px;
  783. font-weight:300;
  784. font-size:11px;
  785. z-index:9999999999;
  786. color:{color:text};
  787. opacity:1;
  788. margin-left:20px;
  789. letter-spacing:0px;
  790. font-family: 'roboto', sans-serif;
  791. text-transform:lowercase;
  792. }
  793. #credit{
  794. position:fixed;
  795. font-size:9px;
  796. font-weight:bold;
  797. padding-bottom:5px;
  798. padding-top:5px;
  799. height:20px;
  800. width:20px;
  801. opacity:1;
  802. padding-left:5px;
  803. padding-right:5px;
  804. margin-left:1330px;
  805. top:645px;
  806. letter-spacing:0px;
  807. line-height:22px;
  808. border:1px solid {color:border};
  809. padding:3px;
  810. text-align:center;
  811. float:left;
  812. font-family: 'open sans', sans-serif;
  813. color:{color:text};
  814. text-transform:uppercase;
  815. background-color: rgba(255,255,255, 0.3);
  816. transition-duration: 0.8s;
  817. }
  818. tit2 {
  819. font-size:8px;
  820. text-align:left;
  821. line-height:21px;
  822. text-transform:uppercase;
  823. font-family: 'lato', sans-serif;
  824. letter-spacing:1px;
  825. margin-bottom:4px;
  826. color:{color:title text};
  827. padding:0px;
  828. }
  829. midline {
  830. font-size:20px;
  831. text-align:left;
  832. line-height:27px;
  833. text-transform:uppercase;
  834. font-family: 'roboto', sans-serif;
  835. letter-spacing:1px;
  836. font-weight:300;
  837. margin-bottom:4px;
  838. color:{color:title text};
  839. padding:5px;
  840. }
  841. date {
  842. font-size:10px;
  843. text-align:center;
  844. width:auto;
  845. height:5px;
  846. font-weight:none;
  847. font-weight:300;
  848. border-radius:5px 0px 0px 5px;
  849. font-family: 'kanit', sans-serif;
  850. letter-spacing:0px;
  851. background-color:{color:date accent};
  852. color:{color:text};
  853. padding:13px;
  854. }
  855. dateu {
  856. font-size:10px;
  857. text-align:center;
  858. width:auto;
  859. height:5px;
  860. font-weight:700;
  861. text-transform:uppercase;
  862. font-family: 'khand', sans-serif;
  863. background:{color:accent};
  864. border-radius:0px 5px 5px 0px;
  865. letter-spacing:1px;
  866. color:{color:text};
  867. padding:13px;
  868. }
  869. .triangle {
  870. align:right;
  871. margin:7px 0px 10px 0px;
  872. padding:10px;
  873. position: relative;
  874. }
  875. .triangle t1{
  876. display:block;
  877. position:absolute;
  878. width:1px;
  879. height:1px
  880. font-size:0;
  881. margin-left:5px;
  882. top:-19px;z-index:9999999;
  883. border-right:7px solid transparent;
  884. border-left:7px solid transparent;
  885. border-top:10px solid transparent;
  886. -ms-transform: rotate(92deg); /* IE 9 */
  887. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  888. transform: rotate(92deg);
  889. }
  890. .triangle t2 {
  891. display:block;
  892. position:absolute;
  893. width:0px;
  894. height:1px
  895. font-size:0;
  896. margin-left:264px;
  897. top:-19px;
  898. border-right:9px solid transparent;
  899. border-left:9px solid transparent;
  900. border-top:10px solid {color:accent};
  901. -ms-transform: rotate(90deg); /* IE 9 */
  902. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  903. transform: rotate(270deg);
  904. }
  905. .arrow {
  906. align:right;
  907. margin:7px 0px 10px 0px;
  908. padding:10px;
  909. position: relative;
  910. }
  911. .arrow a1{
  912. display:block;
  913. position:absolute;
  914. width:1px;
  915. height:1px
  916. font-size:0;
  917. margin-left:713px;
  918. top:-77px;z-index:9999999;
  919. border-right:14px solid transparent;
  920. border-left:14px solid transparent;
  921. border-top:15px solid rgba(0,0,0,0.4);
  922. -ms-transform: rotate(92deg); /* IE 9 */
  923. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  924. transform: rotate(90deg);
  925. }
  926. .back-to-top {
  927. background:{color:accent};
  928. position: fixed;
  929. color:{color:text};
  930. bottom:40px;
  931. right:40px;
  932. font-size:20px;
  933. padding:10px;
  934. }
  935.  
  936.  
  937.  
  938. {CustomCSS}</style>
  939. </head>
  940. <body>
  941. <!---- - BASICS / DONT TOUCH!!! - --->
  942. <div id="sidebar">
  943. <div id="header"><img src="{image:header}"></a></div>
  944. <div id="description">{description}</div>
  945. <div id="title2">{text:title}</a></div>
  946. <div class="hide"></a></div>
  947. <div class="arrow" style="background:transparent;margin-top:-11px; margin-left:35px;"><a1></a1></div>
  948.  
  949. </div>
  950. <!---- - SIDE BOXES / HAVE TO BE EDITED IN HTML - --->
  951. <div class="topp">
  952. <div class="sidebox">
  953. <!---- - WELCOME - --->
  954. <div class="box">
  955. <div class="tit"style="border-radius:8px 8px 0px 0px;">Home</div>
  956. <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.
  957.  
  958. Lorem ipsum dolor sit amet.
  959. Consectetuer adipiscing elit.
  960. Nam at tortor quis ipsum tempor aliquet.
  961. 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.
  962.  
  963. </div></div>
  964. <!---- - LATEST NEWS - --->
  965. <div class="box">
  966. <div class="tit">Updates</div>
  967. <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.
  968.  
  969. Lorem ipsum dolor sit amet.
  970. Consectetuer adipiscing elit.
  971. Nam at tortor quis ipsum tempor aliquet.
  972. 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.
  973.  
  974. </div></div>
  975. <!---- - NAVIGATION LINKS - --->
  976. <div class="box">
  977. <div class="tit">Navigation</div>
  978. <div class="navlinks">
  979. <div id="all">
  980. <a href="/"title="text">navi link</a>
  981. <a href="/" title="tet">navi link</a>
  982. <a href="/"title="text">navi link</a>
  983. <a href="/"title="text">navi link</a>
  984. <a href="/"title="text">navi link</a>
  985. </div>
  986. </div>
  987. </div>
  988. <!---- - TOUR DATES/EVENT DATES - --->
  989. <div class="box">
  990. <div class="tit">Upcoming Events</div>
  991. <div id="events">
  992. <date><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i> DATE</date><dateu>City here</dateu>
  993. </br>
  994. <date><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i> DATE</date><dateu>City here</dateu>
  995. </br>
  996. <date><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i> DATE</date><dateu>City here</dateu>
  997. </br>
  998. <date><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i> DATE</date><dateu>City here</dateu>
  999. </br>
  1000. <date><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i> DATE</date><dateu>City here</dateu>
  1001. </br>
  1002. </div></div>
  1003. <!---- - ALBUMS/PROJECTS - --->
  1004. <div class="box">
  1005. <div class="tit">Albums</div>
  1006. <div id="projects"><img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1007. </br></br></br>
  1008. <b>Album name</b><br>
  1009. <b>Producer:</b> Name here<br>
  1010. <b>Year:</b> Year here<br>
  1011. <b>Tracks:</b> Tracks amount here<br>
  1012. <b>Label:</b> Label here
  1013.  
  1014. <br><br>
  1015. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1016. <b>Album name</b><br>
  1017. <b>Producer:</b> Name here<br>
  1018. <b>Year:</b> Year here<br>
  1019. <b>Tracks:</b> Tracks amount here<br>
  1020. <b>Label:</b> Label here
  1021. </div>
  1022. </div>
  1023. <!---- - LATEST HQ IMAGES - --->
  1024. <div class="box">
  1025. <div class="tit">Latest HQ's</div>
  1026. <div class="hqs">
  1027. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1028. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1029. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1030. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1031. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1032. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1033. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1034. <a href="/"><img src="https://36.media.tumblr.com/fc004e1715da62ba915439f768f4634a/tumblr_ny810oZnFX1u9o0yqo1_100.jpg"></a>
  1035.  
  1036. </div></div>
  1037. <!---- - AFFILIATE IMAGES - --->
  1038. <div class="box">
  1039. <div class="tit">Affiliates</div>
  1040. <div class="affiliates">
  1041. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1042. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1043. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1044. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1045. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1046. <a href="/"title="name"><img src="https://secure.static.tumblr.com/5c2f0b39857be91876dbf86820d7e225/ylbnqqn/0Z4nyuau6/tumblr_static_ctua0qkljp4wo00o0c40sc4ww.png"></a>
  1047. </div></div>
  1048. <!---- - BLOG MEMBERS - --->
  1049. <div class="box">
  1050. <div class="tit">Blog members</div>
  1051. <div class="members">
  1052. {block:GroupMembers}
  1053. <table style="margin-top:0px;">
  1054. {block:GroupMember}
  1055. <tr>
  1056. <td style="width:40px;">
  1057. <img src="{GroupMemberPortraitURL-128}" width="45px;" height="auto;" style="margin-right: 10px;border:solid 1px #ddd;padding:10px;border-radius:100px">
  1058. </td>
  1059. <td style="height:auto;">
  1060. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'open sans', sans-serif;margin-top:0px;font-weight:bold;text-transform:uppercase;font-size:9px;letter-spacing:1px">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  1061. </tr>
  1062. {/block:GroupMember}
  1063. </table>
  1064. {/block:GroupMembers}
  1065. </div></div>
  1066. <!---- - LATEST NEWS - --->
  1067. <div class="box">
  1068. <div class="tit">Blog info</div>
  1069. <div class="iinfo">
  1070. 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.
  1071.  
  1072. Lorem ipsum dolor sit amet.
  1073. Consectetuer adipiscing elit.
  1074. Nam at tortor quis ipsum tempor aliquet.
  1075. 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.
  1076.  
  1077.  
  1078. </div></div>
  1079. </div>
  1080. <!---- - START ICON LINKS / DONT TOUCH!!! - --->
  1081. <div class="ilinks">
  1082. <div id="all">
  1083. <a href="/">index</a>
  1084. <a href="/ask">message</a>
  1085. <a href="/submit">submit</a>
  1086. <a href="/archive">archive</a>
  1087. <a href="{text:link one url}">link one</a>
  1088. <a href="{text:link two url}">link two</a>
  1089. <a href="{text:link three url}">link three </a>
  1090. </div>
  1091.  
  1092. </div>
  1093.  
  1094. <!---- - POSTS & ENTRIES / DONT TOUCH!!! - --->
  1095. <div id="entries">
  1096. {block:Posts}
  1097. <div id="post"
  1098. <div id="post">
  1099. <!--TEXT POSTS-->
  1100. {block:Text}
  1101. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1102. {Body}
  1103. {/block:Text}
  1104. <!---- - ANSWER & QUESTION POSTS / DONT TOUCH!!! - --->
  1105. {block:Answer}
  1106. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1107. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  1108. <div id="asker"><j>{Asker}</j> asked:</div>
  1109. <div id="question">{Question}</div>
  1110. {Answer}{/block:Answer}
  1111. <!---- - QUOTE POSTS / DONT TOUCH!!! - --->
  1112. {block:Quote}
  1113. {block:Quote}
  1114. <h2>{Quote}</h2>
  1115. <div align="right">
  1116. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1117. </div>
  1118. {/block:Quote}
  1119. <!---- - LINK POSTS/ DONT TOUCH!!! - --->
  1120. {block:Link}
  1121. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1122. {block:Description}{Description}{/block:Description}
  1123. {/block:Link}
  1124. <!---- - CHAT POSTS / DONT TOUCH!!! - --->
  1125. {block:Chat}
  1126. {block:Title}<h2>{Title}</h2>{/block:Title}
  1127. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1128. {Line}</li>{/block:Lines}</ul>
  1129. {/block:Chat}
  1130. <!---- - PHOTO POSTS/ DONT TOUCH!!! - --->
  1131. {block:Photo}
  1132. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1133. {block:Caption}{Caption}{/block:Caption}
  1134. {/block:Photo}
  1135. <!---- - PHOTOSET POSTS / DONT TOUCH!!! - --->
  1136. {block:Photoset}
  1137. {Photoset-400}
  1138. {block:Caption}{Caption}{/block:Caption}
  1139. {/block:Photoset}
  1140. <!---- - VIDEO POSTS / DONT TOUCH!!! - --->
  1141. {block:Video}
  1142. {Video-400}
  1143. {block:Caption}{Caption}{/block:Caption}
  1144. {/block:Video}
  1145. <!---- - AUDIO POSTS / DONT TOUCH!!! - --->
  1146. {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>
  1147. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1148. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1149. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1150. {/block:Audio}
  1151. <!---- - INFO / DONT TOUCH!!! - --->
  1152. <div id="info">
  1153. <div id="permalink">
  1154. <a href="{Permalink}"><i class="fa fa-calendar"style="color:{color:text};font-size:11px"></i>
  1155. {DayOfMonth} {ShortMonth} {ShortYear} · </a> {NoteCountWithLabel} {block:RebloggedFrom}
  1156. {block:ContentSource}
  1157. · <a href="{ReblogParentURL}" title="{ReblogParentName}"><normal>VIA</normal></a> / <a href="{SourceURL}"title="{ReblogRootName}"><normal>SRC</normal></a> · {block:RebloggedFrom}
  1158. <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><normal><i class="fa fa-retweet"style="color:{color:text}"></i></normal></a>
  1159. {block:RebloggedFrom}
  1160. {/block:RebloggedFrom}
  1161. {/block:ContentSource}
  1162. {/block:RebloggedFrom}
  1163. </a></div></div>
  1164. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}"> <normal>{Tag}</normal> </a>, {/block:Tags}
  1165. </div>
  1166. {/block:HasTags}
  1167. </div>
  1168. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1169.  
  1170. {/block:Posts}
  1171.  
  1172. {block:Pagination}
  1173. <div class="pagination"style="{color:title text}">
  1174. {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}
  1175. {/block:Pagination}</div>
  1176. </div>
  1177.  
  1178. <!---- - CREDIT / DONT TOUCH!!! - --->
  1179. <div id="credit">
  1180. <normal><a href="http://adf.ly/1Q6OGo"title="moonstar themes">ms</normal></a>
  1181. </div>
  1182. </html>
  1183. </body>
  1184. <!---- - END HTML / DONT TOUCH!!! - --->
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!