API tools faq
paste
azurethemes

theme 18::wild

azurethemes
Jul 24th, 2016
2,138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.68 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES
  3.  
  4. theme #18 wild.
  5. keep the credit.
  6. dont steal.
  7. dont claim as own.
  8. dont be an asshole.
  9. (=ﾟωﾟ)ﾉ
  10.  
  11. @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES
  12. --->
  13. <!-----start html---->
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  16. <!-----custom google fonts---->
  17. <script type="text/javascript">
  18. WebFontConfig = {
  19. google: { families: [ 'Roboto:400,500,700:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Maven+Pro:400,900,500,700:latin', 'Karla:400,700:latin', 'Work+Sans:400,500,600,700:latin', 'Prompt:400,400i,500,500i,600,600i,700,700' , 'Yeseva+One::latin', 'Vidaloka::latin', ] }
  20. };
  21. (function() {
  22. var wf = document.createElement('script');
  23. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  24. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  25. wf.type = 'text/javascript';
  26. wf.async = 'true';
  27. var s = document.getElementsByTagName('script')[0];
  28. s.parentNode.insertBefore(wf, s);
  29. })(); </script>
  30. <!-----tooltips---->
  31. <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>
  32. <script>
  33. (function($){
  34. $(document).ready(function(){
  35. $("a[title]").style_my_tooltips({
  36. tip_follows_cursor:true,
  37. tip_delay_time:10,
  38. tip_fade_speed:900,
  39. attribute:"title"
  40. });
  41. });
  42. })(jQuery);
  43. </script>
  44. <!-----back to top button---->
  45. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  46. <script>
  47. $(document).ready(function(){
  48.  
  49. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  50. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  51. $("body").append(back_to_top_button)
  52.  
  53. // Der Button wird ausgeblendet
  54. $(".back-to-top").hide();
  55.  
  56. // Funktion für das Scroll-Verhalten
  57. $(function () {
  58. $(window).scroll(function () {
  59. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  60. $('.back-to-top').fadeIn();
  61. } else {
  62. $('.back-to-top').fadeOut();
  63. }
  64. });
  65.  
  66. $('.back-to-top').click(function () { // Klick auf den Button
  67. $('body,html').animate({
  68. scrollTop: 0
  69. }, 800);
  70. return false;
  71. });
  72. });
  73.  
  74. });
  75. </script>
  76. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  77. <head>
  78. <title>{Title}</title>
  79. <link rel="shortcut icon" href="{Favicon}">
  80. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  81. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  82. <!--all colors-->
  83. <meta name="color:background" content="#ffffff"/>
  84. <meta name="color:text" content="#000000"/>
  85. <meta name="color:links" content="#000000"/>
  86. <meta name="color:border" content="#f6f6f6"/>
  87. <meta name="color:top bar" content="#f6f6f6"/>
  88. <meta name="color:posts" content="#f6f6f6">
  89. <meta name="color:scrollbar" content="#070707">
  90. <meta name="color:asks" content="#f6f6f6">
  91. <meta name="color:hover" content="#888888">
  92. <meta name="color:tooltip" content="#ffffff">
  93. <meta name="color:accent" content="#ffffff">
  94. <!--images-->
  95. <meta name="image:header" content=""/>
  96. <!--texts-->
  97. <meta name="text:title" content="You're driving me wild"/>
  98. <!--sidebar links-->
  99. <meta name="text:link one" content="Link one">
  100. <meta name="text:link two" content="Link two">
  101. <meta name="text:link three" content="Link three">
  102. <meta name="text:link four" content="Link four">
  103. <meta name="text:link one url" content="/">
  104. <meta name="text:link two url" content="/">
  105. <meta name="text:link three url" content="/">
  106. <meta name="text:link four url" content="/">
  107. <!--custom css-->
  108. <style type="text/css">
  109. /*tumblr controls*/
  110. .tmblr-iframe {
  111. top:0px!important;
  112. position:fixed!important;
  113. opacity:0.5;
  114. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  115. z-index:99999999999999!important;
  116. white-space:nowrap;
  117. transition-duration: 0.3s;
  118. -moz-transition-duration: 0.3s;
  119. -webkit-transition-duration: 0.3s;
  120. -o-transition-duration: 0.3s;
  121. }
  122. /*scrollbar*/
  123. ::-webkit-scrollbar {
  124. width:6px;
  125. height:6px;
  126. background:{color:accent};
  127. }
  128. ::-webkit-scrollbar-thumb {
  129. background:{color:scrollbar};
  130. }
  131. /*tooltips*/
  132. #s-m-t-tooltip{
  133. margin:13px 10px 6px 10px;
  134. padding:6px;
  135. background-color:{color:tooltip};
  136. font-family: 'roboto', sans-serif;
  137. border:1px solid {color:border};
  138. font-weight:400;
  139. font-size:9px;
  140. text-transform:none;
  141. letter-spacing:1px;
  142. font-style:italic;
  143. color:{color:posts};
  144. z-index:999999999999999999999999999999999999;
  145. transition:0.3s ease-in-out;
  146. -webkit-transition:0.3s ease-in-out;
  147. -moz-transition:0.3s ease-in-out;
  148. -ms-transition:0.3s ease-in-out;
  149. -o-transition:0.3s ease-in-out;
  150. }
  151. /*body basics*/
  152. body{
  153. background-color:{color:background};
  154. background-attachment: fixed;
  155. background-repeat: repeat;
  156. font-weight:none;
  157. font-family: 'roboto', sans-serif;
  158. font-size:10px;
  159. text-align:justify;
  160. color:{color:text};
  161. margin:0;
  162. }
  163. a{
  164. text-decoration:none;
  165. margin-left:12px;
  166. color:{color:links};
  167. -moz-transition-duration:0.5s;
  168. -webkit-transition-duration:0.5s;
  169. -o-transition-duration:0.5s;
  170. transition: all 0.3s ease-out;
  171. }
  172. a:hover{
  173. text-decoration:none;
  174. color:{color:hover};
  175. -moz-transition-duration:0.5s;
  176. -webkit-transition-duration:0.5s;
  177. -o-transition-duration:0.5s;
  178. transition: all 0.3s ease-out;
  179. }
  180. img {
  181. }
  182. blockquote {
  183. font-size:10px;
  184. width:auto;
  185. border-left:2px solid {color:border};
  186. text-align:left;
  187. padding:1px;
  188. font-weight:none;
  189. margin-top:15px;
  190. margin-left:20px;
  191. padding-top:0.5px;
  192. padding-bottom:0.5px;
  193. font-size:11px;
  194. font-family: 'calibri', sans-serif;
  195. margin-right:20px;
  196. padding-left:15px;
  197. color:{color:text};
  198. }
  199. pre{
  200. font-size:9px;
  201. text-align:center;
  202. text-transform:none;
  203. font-family: 'Bitter', serif;
  204. font-weight:bold;
  205. line-height:9px;
  206. border-left:1px solid #eee;
  207. border-bottom:1px solid #eee;
  208. letter-spacing:2px;
  209. background-color:{color:posts};
  210. color:{color:text};
  211. padding:6px;
  212. }
  213. small{
  214. font-size:9px;
  215. font-family: 'calibri', sans-serif;
  216. }
  217. big{
  218. font-size:12px;
  219. font-family: 'calibri', sans-serif;
  220. font-weight:700;
  221. }
  222. sub{
  223. font-size:9px;
  224. letter-spacing:0px;
  225. font-weight:600;
  226. text-transform:none;
  227. font-family: 'arial', sans-serif;
  228. }
  229. h1 {
  230. font-size:15px;
  231. text-align:left;
  232. font-family: 'karla', sans-serif;
  233. letter-spacing:1px;
  234. text-transform:uppercase;
  235. font-weight:700;
  236. line-height:17px;
  237. color:{color:text};
  238. padding:7px;
  239. }
  240. h1 a{
  241. color:{color:text};
  242. }
  243. h2{
  244. color:{color:text};
  245. text-transform:uppercase;
  246. font-family: 'Montserrat', sans-serif;
  247. text-align:left;
  248. }
  249. b {
  250. font-weight:bold;
  251. font-family: 'calibri', sans-serif;
  252. color:{color:text};
  253. }
  254. grouptitle {
  255. color:{color:text};
  256. text-transform:none;
  257. font-size:10px;
  258. font-family: 'calibri', sans-serif;
  259. }
  260. sh {
  261. color:{color:links};
  262. text-transform:uppercase;
  263. font-family: 'arial', sans-serif;
  264. font-size:13px
  265. font-weight:800;
  266. }
  267. am {
  268. color:{color:text};
  269. font-size:22px;
  270. padding:8px;
  271. padding-top:2px;
  272. text-transform:uppercase;
  273. font-family: 'roboto', sans-serif;
  274. letter-spacing:0px;
  275. font-weight:500;
  276. }
  277. n {
  278. font-weight:bold;
  279. letter-spacing:-1px;
  280. text-shadow: 1px 1px 1px #cccccc;
  281. font-size:12px;
  282. text-transform:uppercase;
  283. color:{color:text};
  284. }
  285. u {
  286. text-decoration:none;
  287. color:{color:text};
  288. padding:3px;
  289. border-bottom:1px solid {color:border};
  290. }
  291. /*sidebar*/
  292. #sb {
  293. position:fixed;
  294. margin-top:190px;
  295. margin-left:180px;
  296. background-color:transparent;
  297. z-index:9999999999999999;
  298. }
  299. #sbimage {
  300. z-index:-99999;
  301. }
  302. #sbimage img {
  303. width:1000px;
  304. height:370px;
  305. left:173px;
  306. top:50px;
  307. position:absolute;
  308. opacity:1;
  309. z-index:999;
  310. }
  311. #description {
  312. font-size:9px;
  313. top:314px;
  314. overflow:hidden;
  315. z-index:9999999;
  316. position:fixed;
  317. letter-spacing:0px;
  318. left:240px;
  319. width:179px;
  320. text-align:justify;
  321. height:97px;
  322. font-weight:300;
  323. padding:0px;
  324. line-height:14px;
  325. font-family: 'arial', sans-serif;
  326. }
  327. /*titles*/
  328. #sbtitle3{
  329. width:1080px;
  330. top:0px;
  331. height:450px;
  332. opacity:1;
  333. position:absolute;
  334. font-family: 'raleway', serif;
  335. letter-spacing:1px;
  336. text-align:center;
  337. overflow:hidden;
  338. font-weight:600;
  339. background:{color:top bar};
  340. word-wrap:none;
  341. color:{color:text};
  342. padding:10px;
  343. text-transform:uppercase;
  344. line-height:34px;
  345. font-size:15px;
  346. left:122px;
  347. z-index:-999;
  348. }
  349. #sidebaar{
  350. width:1058px;
  351. top:0px;
  352. height:100%;
  353. position:fixed;
  354. background:{color:accent};
  355. left:142px;
  356. z-index:-99999;
  357. }
  358. /*back to top button*/
  359. .back-to-top {
  360. position: fixed;
  361. color:{color:text};
  362. bottom:7px;
  363. text-transform:uppercase;
  364. left:13px;
  365. font-family: 'lato', sans-serif;
  366. font-size:9px;
  367. letter-spacing:0px;
  368. z-index:9999999999;
  369. font-weight:600;
  370. padding:10px;
  371. }
  372. /*jump pagination*/
  373. .pagination{
  374. font-family: 'roboto', sans-serif;
  375. margin-left:-190px;
  376. width:auto;
  377. padding-top:-10px;
  378. letter-spacing:2px;
  379. padding-bottom:20px;
  380. font-size:13px;
  381. text-align:center;
  382. }
  383. .pagination a{
  384. padding:5px;
  385. font-family: 'roboto', sans-serif;
  386. font-weight:600;
  387. bottom:10px;
  388. margin-left:5px;
  389. color:{color:text};
  390. }
  391. .pagination a:hover{
  392. color:{color:hover};
  393. -moz-transition-duration:0.5s;
  394. -webkit-transition-duration:0.5s;
  395. -o-transition-duration:0.5s;
  396. transition: all 0.3s ease-out;
  397. }
  398. /*post notes*/
  399. ol.notes {
  400. padding: 0px;
  401. margin: 25px 0px;
  402. font-family:'montserrat',sans-serif;
  403. list-style-type: none;
  404. margin-top:-61px;
  405. background:{color:posts};
  406. margin-left:-16px;
  407. width:566px;
  408. border-bottom: solid 1px {color:border};
  409. }
  410. ol.notes li.note {
  411. border-top: solid 1px {color:border};
  412. padding: 10px;
  413. }
  414. ol.notes li.note img.avatar {
  415. vertical-align: -10px;
  416. border-radius:100px;
  417. margin-left: 10px;
  418. padding:6px;
  419. width: 16px;
  420. height: 16px;
  421. }
  422. ol.notes li.note span.action {
  423. font-weight: 300;
  424. }
  425. ol.notes li.note .answer_content {
  426. font-weight: normal;
  427. }
  428. ol.notes li.note blockquote {
  429. border-color: {color:border};
  430. padding: 4px 10px;
  431. margin: 10px 0px 0px 25px;
  432. }
  433. ol.notes li.note blockquote a {
  434. text-decoration: none;
  435. }
  436. /*audio*/
  437. .audioartist {
  438. font-family:'roboto', sans-serif;
  439. font-size:10px;
  440. text-transform:lowercase;
  441. font-weight:600;
  442. }
  443. .audiotitle {
  444. font-family:'roboto', sans-serif;
  445. font-size:10px;
  446. text-transform:lowercase;
  447. font-weight:600;
  448. }
  449. .audioplayed {
  450. font-family:'roboto', sans-serif;
  451. font-size:10px;
  452. text-transform:lowercase;
  453. font-weight:600;
  454. }
  455. .audioplayr {
  456. width:400px;
  457. color:{color:text};
  458. background:{color:accent};
  459. }
  460. audioinfo {
  461. font-family:'roboto', sans-serif;
  462. font-size:10px;
  463. letter-spacing:2px;
  464. text-transform:lowercase;
  465. font-weight:300;
  466. }
  467. /*post styles*/
  468. .pcaption{
  469. font-family:'calibri', sans-serif;
  470. font-size:10px;
  471. margin-left:15px;
  472. letter-spacing:0px;
  473. text-transform:none;
  474. background:{color:posts};
  475. font-weight:400;
  476. }
  477. .pcaption a{
  478. font-size:10px;
  479. margin-left:0px;
  480. letter-spacing:0.5px;
  481. font-family:'roboto', sans-serif;
  482. text-transform:lowercase;
  483. font-weight:700;
  484. }
  485. .psets{
  486. width:100%;
  487. margin-top:-12px;
  488. }
  489. .vsets{
  490. width:100%;
  491. margin-top:-12px;
  492. }
  493. .qcaption{
  494. font-family:'Vidaloka', sans-serif;
  495. font-size:15px;
  496. margin-left:15px;
  497. letter-spacing:0px;
  498. text-align:justify;
  499. text-transform:none;
  500. color:{color:text};
  501. font-weight:200;
  502. }
  503. .qsource{
  504. font-size:12px;
  505. margin-left:30px;
  506. margin-top:12px;
  507. text-align:left;
  508. letter-spacing:0px;
  509. font-family:'calibri', sans-serif;
  510. text-transform:uppercase;
  511. font-style:italic;
  512. font-weight:300;
  513. }
  514. /*posts*/
  515. #entries {
  516. margin-left:625px;
  517. margin-top:516px;
  518. z-index:9999999999999999999999999;
  519. }
  520. #post {
  521. font-size:10px;
  522. width:500px;
  523. color:{color:text};
  524. background-color:{color:posts};
  525. text-align:justify;
  526. z-index:99999999999;
  527. margin-left:15px;
  528. margin-bottom:130px;
  529. padding-bottom:-40px;
  530. overflow:hidden;
  531. }
  532. #post img{
  533. max-width:100%;
  534. margin-top:-12px;
  535. margin-left:-12px;
  536. height:auto;
  537. }
  538. /*questions and answers*/
  539. #asking {
  540. margin-left:40px;
  541. margin-top:-35px;
  542. }
  543. #askingimage {
  544. }
  545. #askingimage img {
  546. margin-left:335px;
  547. width:40px;
  548. height:40px;
  549. border-radius:3px;
  550. margin-top:-1px;
  551. }
  552. #question {
  553. padding:20px;
  554. padding-left:12px;
  555. margin-top:-31px;
  556. margin-left:20px;
  557. width:263px;
  558. border-radius:3px;
  559. font-family: 'roboto', serif;
  560. color:{color:text};
  561. background-color:{color:asks};
  562. }
  563. #asker{
  564. margin-top:-60px;
  565. padding:1px;
  566. font-weight:300;
  567. font-size:11px;
  568. z-index:9999999999;
  569. color:{color:text};
  570. opacity:1;
  571. margin-left:14px;
  572. letter-spacing:0px;
  573. font-family: 'roboto', sans-serif;
  574. text-transform:lowercase;
  575. }
  576. #askerurl{
  577. margin-top:-60px;
  578. padding:1px;
  579. font-weight:bold;
  580. font-size:10px;
  581. padding:7px;
  582. line-height:14px;
  583. height:13px;
  584. width:465px;
  585. z-index:9999999999;
  586. color:{color:text};
  587. opacity:1;
  588. margin-left:13px;
  589. padding-bottom:11px;
  590. letter-spacing:0px;
  591. font-family: 'roboto', sans-serif;
  592. text-transform:lowercase;
  593. }
  594. .triangle {
  595. align:right;
  596. margin:7px 0px 10px 0px;
  597. padding:10px;
  598. position: relative;
  599. }
  600. .triangle t1{
  601. display:block;
  602. position:absolute;
  603. width:1px;
  604. height:1px
  605. font-size:0;
  606. margin-left:5px;
  607. top:-19px;z-index:9999999;
  608. border-right:7px solid transparent;
  609. border-left:7px solid transparent;
  610. border-top:10px solid transparent;
  611. -ms-transform: rotate(92deg); /* IE 9 */
  612. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  613. transform: rotate(92deg);
  614. }
  615. .triangle t2 {
  616. display:block;
  617. position:absolute;
  618. width:0px;
  619. height:1px
  620. font-size:0;
  621. margin-left:264px;
  622. top:-20px;
  623. border-right:9px solid transparent;
  624. border-left:9px solid transparent;
  625. border-top:10px solid {color:asks};
  626. -ms-transform: rotate(90deg); /* IE 9 */
  627. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  628. transform: rotate(270deg);
  629. }
  630. /*links*/
  631. .toppp {
  632. top:400px;
  633. position:absolute;
  634. left:232px;
  635. z-index:9999999999999999;
  636. background:{color:top bar};
  637. width:880px;
  638. }
  639. .sticky{
  640. position:fixed;
  641. width:100%;
  642. text-align:center;
  643. top:0px;left:0px;
  644. background:{color:top bar};
  645. z-index:99999999999999999999999;
  646. }
  647. .sticky #navi{
  648. width:100%;
  649. height:60px;
  650. line-height:65px;
  651. background:{color:top bar};
  652. -webkit-transition: all 0.3s ease-in-out;
  653. -moz-transition: all 0.3s ease-in-out;
  654. -o-transition: all 0.3s ease-in-out;
  655. -ms-transition: all 0.3s ease-in-out;
  656. transition: all 0.3s ease-in-out;
  657. }
  658. #navi{
  659. margin:auto;
  660. font-size:11px;
  661. height:50px;
  662. letter-spacing:0px;
  663. font-weight:700;
  664. color:white;
  665. width:880px;
  666. margin-left:0px;
  667. font-style:none;
  668. text-align:center;
  669. -webkit-transition: all 0.3s ease-in-out;
  670. -moz-transition: all 0.3s ease-in-out;
  671. -o-transition: all 0.3s ease-in-out;
  672. -ms-transition: all 0.3s ease-in-out;
  673. transition: all 0.3s ease-in-out;
  674. }
  675. #navi a{
  676. display:inline-block;
  677. color:{color:links};
  678. padding:22px 0px 1px 0px;
  679. margin:0px 30px 0px 5px;
  680. font-weight:700;
  681. margin-top:-5px;
  682. text-align:center;
  683. line-height:22px;
  684. font-style:none;
  685. border-bottom:3px solid transparent;
  686. font-family: 'raleway', sans-serif;
  687. text-transform:uppercase;
  688. -webkit-transition: all 0.4s ease-in-out;
  689. -moz-transition: all 0.4s ease-in-out;
  690. -o-transition: all 0.4s ease-in-out;
  691. -ms-transition: all 0.4s ease-in-out;
  692. transition: all 0.4s ease-in-out;
  693. }
  694. #navi a:hover{
  695. border-bottom:3px solid {color:hover};
  696. padding:18px 0px 8px 0px;
  697. color:{color:hover};
  698. -webkit-transition: all 0.4s ease-in-out;
  699. -moz-transition: all 0.4s ease-in-out;
  700. -o-transition: all 0.4s ease-in-out;
  701. -ms-transition: all 0.4s ease-in-out;
  702. transition: all 0.4s ease-in-out;
  703. }
  704. /*post info*/
  705. #info {
  706. width:500px;
  707. height:25px;
  708. text-align:left;
  709. font-family: 'arial', sans-serif;
  710. text-transform:uppercase;
  711. margin-left:15px;
  712. font-size:11px;
  713. margin-top:10px;
  714. overflow:hidden;
  715. font-weight:700;
  716. font-style:none;
  717. padding:10px;
  718. line-height:15px;
  719. color:{color:info text};
  720. }
  721. #info a {
  722. text-align:center;
  723. font-weight:600;
  724. font-size:11px;
  725. letter-spacing:0px;
  726. font-family: 'arial', sans-serif;
  727. line-height:7px;
  728. color:{color:info text};
  729. }
  730. #info a:hover{
  731. color:{color:hover};
  732. }
  733. /*permalinks*/
  734. #permalink{
  735. margin-bottom:25px;
  736. text-align:left;
  737. font-size:9px;
  738. margin-left:12px;
  739. margin-top:11px;
  740. font-weight:bold;
  741. width:520px;
  742. font-size:11px;
  743. text-transform:none;
  744. font-weight:300;
  745. font-family: 'arial', sans-serif;
  746. letter-spacing:0px;
  747. line-height:5px;
  748. color:{color:text};
  749. }
  750. #permalink a{
  751. color:{color:text};
  752. font-family: 'arial', sans-serif;
  753. font-size:10px;
  754. margin-left:-3px;
  755. text-transform:none;
  756. font-weight:700;
  757. padding:3px;
  758. }
  759. #permalink a:hover{
  760. color:{color:hover};
  761. }
  762. #permalinkb{
  763. margin-bottom:15px;
  764. text-align:left;
  765. font-size:9px;
  766. margin-left:0px;
  767. margin-top:3px;
  768. font-weight:bold;
  769. width:520px;
  770. font-size:10px;
  771. text-transform:none;
  772. font-weight:300;
  773. font-family: 'roboto', sans-serif;
  774. letter-spacing:0px;
  775. line-height:5px;
  776. color:{color:text};
  777. }
  778. #permalinkb a{
  779. color:{color:info text};
  780. font-family: 'roboto', sans-serif;
  781. font-size:9px;
  782. opacity:0.8;
  783. margin-left:-3px;
  784. text-transform:none;
  785. font-weight:300;
  786. padding:3px;
  787. }
  788. #tags {
  789. width:440px;
  790. text-align:left;
  791. font-family: 'arial', sans-serif;
  792. text-transform:none;
  793. margin-left:-7px;
  794. font-size:10px;
  795. margin-top:-33px;
  796. padding-top:4px;
  797. padding-left:20px;
  798. padding-bottom:10px;
  799. opacity:1;
  800. overflow:hidden;
  801. font-weight:300;
  802. line-height:15px;
  803. letter-spacing:0px;
  804. z-index:9999999999999999;
  805. color:{color:text};
  806. -moz-transition-duration:0.5s;
  807. -webkit-transition-duration:0.5s;
  808. -o-transition-duration:0.5s;
  809. transition: all 0.3s ease-out;
  810. }
  811. #tags a {
  812. text-align:left;
  813. font-weight:300;
  814. padding:2px;
  815. margin-left:0px;
  816. letter-spacing:0px;
  817. font-family: 'arial', sans-serif;
  818. line-height:0px;
  819. color:{color:text};
  820. }
  821. #tags a:hover{
  822. color:{color:hover};
  823. }
  824. /*credit (u better leave this here u goof)*/
  825. #credit a{
  826. position:fixed;
  827. font-size:11px;
  828. font-weight:800;
  829. height:15px;
  830. width:25px;
  831. opacity:1;
  832. right:10px;
  833. bottom:10px;
  834. padding:2px;
  835. letter-spacing:0px;
  836. padding-top:3px;
  837. line-height:11px;
  838. z-index:9999999999999999999999999999;
  839. font-style:italic;
  840. text-align:center;
  841. float:left;
  842. font-family: 'Yeseva One', cursive;
  843. color:{color:text};
  844. text-transform:uppercase;
  845. -moz-transition-duration:0.3s;
  846. -webkit-transition-duration:0.3s;
  847. -o-transition-duration:0.3s;
  848. transition: all 0.3s ease-out;
  849. }
  850. #credit a:hover{
  851. color:{color:hover};
  852. font-size:16px;
  853. -moz-transition-duration:0.3s;
  854. -webkit-transition-duration:0.3s;
  855. -o-transition-duration:0.3s;
  856. transition: all 0.3s ease-out;
  857. }
  858. .tit {
  859. font-size:16px;
  860. text-transform:uppercase;
  861. margin-bottom:10px;
  862. letter-spacing:0px;
  863. line-height:54px;
  864. font-weight:700;
  865. width:330px;
  866. padding-left:20px;
  867. height:50px;
  868. margin-left:-21px;
  869. background:{color:posts};
  870. font-style:italic;
  871. margin-top:-11px;
  872. text-align:left;
  873. font-family: 'raleway', sans-serif;
  874. color:{color:text};
  875. }
  876. .sidebox {
  877. position:absolute;
  878. width:300px;
  879. top:510px;
  880. left:200px;
  881. z-index:999;
  882. }
  883. .box {
  884. padding:20px;
  885. }
  886. #description {
  887. margin:5px;
  888. text-align:justify;
  889. }
  890. .members {
  891. margin:5px;
  892. font-size:10px;
  893. text-transform:uppercase;
  894. text-align:justify;
  895. }
  896. #description1 {
  897. margin:5px;
  898. font-size:10px;
  899. margin-top:11px;
  900. padding-top:8px;
  901. z-index:-9;
  902. background:{color:posts};
  903. margin-left:-20px;
  904. width:303px;
  905. font-weight:400;
  906. padding:23px;
  907. margin-bottom:50px;
  908. line-height:14px;
  909. font-family: 'roboto', sans-serif;
  910. }
  911. .navlinks {
  912. z-index:9999999999;
  913. padding:22px;
  914. text-align:justify;
  915. font-size:10px;
  916. font-weight:500;
  917. background:{color:posts};
  918. line-height:12px;
  919. font-family:'roboto', sans-serif;
  920. margin-left:-21px;
  921. margin-top:11px;
  922. width:306px;
  923. }
  924. .navlinks a{
  925. margin:5px;
  926. width:273px;
  927. height:25px;
  928. margin-bottom:2px;
  929. text-align:left;
  930. padding-bottom:1px;
  931. padding:6px;
  932. line-height:33px;
  933. color:{color:text};
  934. border-bottom:1px solid {color:border};
  935. z-index:99999;
  936. font-weight:600;
  937. font-family: 'raleway', sans-serif;
  938. letter-spacing:1px;
  939. font-size:9px;
  940. text-transform:uppercase;
  941. text-decoration:none;
  942. display:inline-block;
  943. }
  944. .navlinks a:hover {
  945. padding-left:15px;
  946. font-style:italic;
  947. width:264px;
  948. border-bottom:1px solid {color:hover};
  949. color:{color:hover};
  950. -webkit-transition: all 0.3s ease-in-out;
  951. -moz-transition: all 0.3s ease-in-out;
  952. -o-transition: all 0.3s ease-in-out;
  953. -ms-transition: all 0.3s ease-in-out;
  954. transition: all 0.3s ease-in-out;
  955. }
  956. #sidebarr {
  957. margin:5px;
  958. text-align:justify;
  959. }
  960. #members {
  961. margin:5px;
  962. font-size:10px;
  963. margin-top:11px;
  964. padding-top:8px;
  965. z-index:-9;
  966. background:{color:posts};
  967. margin-left:-21px;
  968. width:303px;
  969. font-weight:400;
  970. padding:23px;
  971. line-height:14px;
  972. font-family: 'roboto', sans-serif;
  973. }
  974. #binfo {
  975. margin:5px;
  976. font-size:10px;
  977. margin-top:11px;
  978. padding-top:8px;
  979. z-index:-9;
  980. background:{color:posts};
  981. margin-left:-20px;
  982. width:303px;
  983. text-align:left;
  984. font-weight:400;
  985. padding:23px;
  986. line-height:14px;
  987. font-family: 'roboto', sans-serif;
  988. }
  989. #affiliates {
  990. margin:5px;
  991. font-size:10px;
  992. margin-top:11px;
  993. padding-top:8px;
  994. z-index:-9;
  995. background:{color:posts};
  996. margin-left:-21px;
  997. width:303px;
  998. text-align:center;
  999. letter-spacing:5px;
  1000. font-weight:400;
  1001. padding:23px;
  1002. line-height:17px;
  1003. font-family: 'roboto', sans-serif;
  1004. }
  1005. #affiliates img {
  1006. width:45px;
  1007. height:45px;
  1008. opacity:1;
  1009. border-radius:100px;
  1010. -webkit-transition: all 0.3s ease-in-out;
  1011. -moz-transition: all 0.3s ease-in-out;
  1012. -o-transition: all 0.3s ease-in-out;
  1013. -ms-transition: all 0.3s ease-in-out;
  1014. transition: all 0.3s ease-in-out;
  1015. }
  1016. #affiliates img:hover{
  1017. box-shadow:0px 0px 8px {color:hover};
  1018. opacity:1;
  1019. -webkit-transition: all 0.3s ease-in-out;
  1020. -moz-transition: all 0.3s ease-in-out;
  1021. -o-transition: all 0.3s ease-in-out;
  1022. -ms-transition: all 0.3s ease-in-out;
  1023. transition: all 0.3s ease-in-out;
  1024. }
  1025. #projects {
  1026. font-size:10px;
  1027. margin-top:21px;
  1028. margin-left:-21px;
  1029. font-weight:400;
  1030. width:290px;
  1031. padding:30px;
  1032. background:{color:posts};
  1033. line-height:15px;
  1034. }
  1035. #projects img {
  1036. width:70px;
  1037. height:70px;
  1038. border-radius:100px;
  1039. float:left;
  1040. margin-right:10px;
  1041. }
  1042. {CustomCSS}</style>
  1043. </head>
  1044. <body>
  1045. <!--top bar links-->
  1046. <div class="toppp">
  1047. <div id="navi">
  1048. <a href="/">Index</a>
  1049. <a href="/ask">Contact</a>
  1050. <a href="{text:link one url}">{text:link one}</a>
  1051. <a href="{text:link two url}">{text:link two}</a>
  1052. <a href="{text:link three url}">{text:link three}</a>
  1053. <a href="{text:link four url}">{text:link four}</a>
  1054. </div>
  1055. </div>
  1056. </div>
  1057. <!---- Sticky Position (Bar) with CSS or jQuery by http://www.hongkiat.com/ --->
  1058.  
  1059. <script>
  1060. var header = document.querySelector('.toppp');
  1061. var origOffsetY = header.offsetTop;
  1062.  
  1063. function onScroll(e) {
  1064. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1065. header.classList.remove('sticky');
  1066. }
  1067.  
  1068. document.addEventListener('scroll', onScroll);
  1069. </script>
  1070. <div id="sidebaar"></div>
  1071. <!--basics-->
  1072. <div id="sidebar">
  1073. <div id="sbimage"><img src="{image:header}"></a></div>
  1074. <div id="sbtitle3">{text:title}</div>
  1075. </div>
  1076. <!--sidebar-->
  1077. <div class="sidebox">
  1078. <!--description-->
  1079. <div class="box">
  1080. <div class="tit"style="margin-bottom:15px">
  1081. Home
  1082. </div>
  1083. <div id="description1">{description}</div>
  1084. </div>
  1085. <!--updates-->
  1086. <div class="box">
  1087. <div class="tit"style="margin-bottom:15px">
  1088. Updates
  1089. </div>
  1090. <div id="description1">
  1091. 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.
  1092.  
  1093. Lorem ipsum dolor sit amet.
  1094. Consectetuer adipiscing elit.
  1095. Nam at tortor quis ipsum tempor aliquet.
  1096. 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.
  1097.  
  1098. </a>
  1099. </div></div>
  1100. <!--projects or albums-->
  1101. <div class="box">
  1102. <div class="tit"style="margin-bottom:15px">
  1103. Projects
  1104. </div>
  1105. <div id="projects">
  1106. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1107. <b>ALBUM NAME</b><br>
  1108. <b>Producer:</b> Name here<br>
  1109. <b>Year:</b> Year here<br>
  1110. <b>Tracks:</b> Tracks amount here<br>
  1111. <b>Label:</b> Label here
  1112. </ul>
  1113. <br><br>
  1114. <img src="https://40.media.tumblr.com/d43ef707e6651fa2c632b84265521285/tumblr_ny80wbtVNe1u9o0yqo1_100.jpg">
  1115. <b>ALBUM NAME</b><br>
  1116. <b>Producer:</b> Name here<br>
  1117. <b>Year:</b> Year here<br>
  1118. <b>Tracks:</b> Tracks amount here<br>
  1119. <b>Label:</b> Label here
  1120. </ul>
  1121. </div>
  1122. </div>
  1123. <!--navigation-->
  1124. <div class="box">
  1125. <div class="tit"style="margin-bottom:15px">
  1126. Navigation
  1127. </div>
  1128. <div class="navlinks">
  1129. <div id="all">
  1130. <a href="/"title="text">navi link</a>
  1131. <a href="/" title="text">navi link</a>
  1132. <a href="/"title="text">navi link</a>
  1133. <a href="/"title="text">navi link</a>
  1134. <a href="/"title="text">navi link</a>
  1135. </div>
  1136. </div>
  1137. </div>
  1138. <!--blog members-->
  1139. <div class="box">
  1140. <div class="tit"style="margin-bottom:15px">
  1141. Members
  1142. </div>
  1143. <div id="members">
  1144. {block:GroupMembers}
  1145. <table style="margin-top:0px;">
  1146. {block:GroupMember}
  1147. <tr>
  1148. <td style="width:40px;">
  1149. <img src="{GroupMemberPortraitURL-128}" width="40px;" height="auto;" style="margin-right: 10px;border-radius:100px"> </td>
  1150. <td style="height:auto;">
  1151. <a href="{GroupMemberURL}" title="{GroupMemberTitle}"style="font-family: 'raleway', sans-serif;margin-top:0px;font-weight:600;text-transform:uppercase;font-size:8px;letter-spacing:3px;">{GroupMemberName}</a><br><grouptitle>{GroupMemberTitle}</grouptitle></div>
  1152. </tr>
  1153. {/block:GroupMember}
  1154. </table>
  1155. {/block:GroupMembers}
  1156. </div></div>
  1157. <!--affiliates-->
  1158. <div class="box">
  1159. <div class="tit"style="margin-bottom:15px">
  1160. Affiliates
  1161. </div>
  1162. <div id="affiliates">
  1163. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1164. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1165. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1166. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1167. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1168. <a href="/"title="name"><img src="http://static.tumblr.com/5a4e4d6f3c48dfb28ece173301496e37/ylbnqqn/RkHo83o97/tumblr_static_zpja20drtuokwkoww0c4s0g4.png"></a>
  1169. </div></div>
  1170. <!--disclaimer-->
  1171. <div class="box">
  1172. <div class="tit"style="margin-bottom:15px">
  1173. Disclaimer
  1174. </div>
  1175. <div id="description1">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.
  1176.  
  1177. Lorem ipsum dolor sit amet.
  1178. Consectetuer adipiscing elit.
  1179. Nam at tortor quis ipsum tempor aliquet.
  1180. 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.
  1181. </a>
  1182. </div></div>
  1183. <!--blog info-->
  1184. <div class="box">
  1185. <div class="tit"style="margin-bottom:15px">
  1186. Blog Info
  1187. </div>
  1188. <div id="binfo">
  1189. <b>Blog created by:</b> Azure
  1190. </br>
  1191. <b>Blog established:</b> Late 2015
  1192. </br>
  1193. <b>Graphics by:</b> Azure
  1194. </br>
  1195. <b>Theme made by:</b> Azure (daddythemes)
  1196. </div>
  1197. </div>
  1198. </div>
  1199. <!--posts and entries-->
  1200. <div id="entries">
  1201. {block:Posts}
  1202. <div id="post">
  1203. {block:Date}
  1204. <div id="permalink">
  1205. {block:RebloggedFrom}
  1206. {block:ContentSource}
  1207. <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <i class="fa fa-retweet"style="color:{color:post text}"></i> <a href="{SourceURL}"title="source">{ReblogRootName}</a>
  1208. {/block:ContentSource}
  1209. {/block:RebloggedFrom}
  1210. </br>
  1211. </br>
  1212. <div id="permalinkb">
  1213. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}, {24Hour}:{Minutes}:{Seconds} {AmPm} · {TimeAgo} </a>
  1214. </div></div>
  1215. {/block:Date}
  1216. <!--texts-->
  1217. {block:Text}
  1218. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1219. {Body}
  1220. {/block:Text}
  1221. <!--question and answers-->
  1222. {block:Answer}
  1223. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1224. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  1225. <div id="askerurl">{Asker} asked:</div>
  1226. <div id="question">{Question}</div>
  1227. {Answer}{/block:Answer}
  1228. <!--quotes-->
  1229. {block:Quote}
  1230. {block:Quote}
  1231. <div class="qcaption">{Quote}</div>
  1232. <div class="qsource">
  1233. {block:Source}- {Source}{/block:Source}
  1234. </div>
  1235. {/block:Quote}
  1236. <!--links-->
  1237. {block:Link}
  1238. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1239. {block:Description}{Description}{/block:Description}
  1240. {/block:Link}
  1241. <!--chats-->
  1242. {block:Chat}
  1243. {block:Title}<h2>{Title}</h2>{/block:Title}
  1244. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  1245. {Line}</li>{/block:Lines}</ul>
  1246. {/block:Chat}
  1247. <!--photos-->
  1248. {block:Photo}
  1249. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1250. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1251. {/block:Photo}
  1252. <!--photosets-->
  1253. {block:Photoset}
  1254. <div class="psets">{Photoset}</div>
  1255. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1256. {/block:Photoset}
  1257. <!--videos-->
  1258. {block:Video}
  1259. <div class="vsets">{Video}</div>
  1260. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  1261. {/block:Video}
  1262. <!--audios-->
  1263. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  1264. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  1265. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  1266. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  1267. </br>
  1268. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  1269. {/block:Audio}
  1270. <!--tags-->
  1271. <div id="info">
  1272. <div id="permalink"style="margin-left:-10px;margin-top:-7px;margin-bottom:-22px">
  1273. <a href="{Permalink}">{NoteCountWithLabel}</a><font style="float:right;margin-right:50px"><a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"></i></a></font style></div></div>
  1274. {block:HasTags}<div id="tags">
  1275. {block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}
  1276. </div>
  1277. {/block:HasTags}
  1278. </div>
  1279. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1280. {/block:Posts}
  1281. {block:Pagination}
  1282. <div class="pagination"style="{color:title text}">
  1283. {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:accent};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}
  1284. {/block:Pagination}</div>
  1285. </div>
  1286. <!--credit(u better dont touch this here u goof)-->
  1287. <div id="credit">
  1288. <a href="http://ceesty.com/qNgV4R"title="daddythemes">DA</a>
  1289. </div>
  1290. </html>
  1291. </body>
  1292. <!-----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!