azurethemes

11::old theme 55 revamped

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