API tools faq
paste
azurethemes

theme 90

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