azurethemes

theme #17::alive

Jul 21st, 2016
759
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.20 KB | None | 0 0
  1. <!----
  2. @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES @ DADDYTHEMES
  3.  
  4. theme #17 alive.
  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:icon" content=""/>
  96. <!--texts-->
  97. <meta name="text:title" content="She Don't Love Me"/>
  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 one url" content="/">
  103. <meta name="text:link two url" content="/">
  104. <meta name="text:link three url" content="/">
  105. <!--custom css-->
  106. <style type="text/css">
  107. /*tumblr controls*/
  108. .tmblr-iframe {
  109. top:0px!important;
  110. position:fixed!important;
  111. opacity:0.5;
  112. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);
  113. z-index:99999999999999!important;
  114. white-space:nowrap;
  115. transition-duration: 0.3s;
  116. -moz-transition-duration: 0.3s;
  117. -webkit-transition-duration: 0.3s;
  118. -o-transition-duration: 0.3s;
  119. }
  120. /*scrollbar*/
  121. ::-webkit-scrollbar {
  122. width:6px;
  123. height:6px;
  124. background:{color:background};
  125. }
  126. ::-webkit-scrollbar-thumb {
  127. background:{color:scrollbar};
  128. }
  129. /*tooltips*/
  130. #s-m-t-tooltip{
  131. margin:13px 10px 6px 10px;
  132. padding:6px;
  133. background-color:{color:tooltip};
  134. font-family: 'roboto', sans-serif;
  135. border:1px solid {color:border};
  136. font-weight:400;
  137. font-size:9px;
  138. text-transform:none;
  139. letter-spacing:1px;
  140. font-style:italic;
  141. color:{color:text};
  142. z-index:999999999999999999999999999999999999;
  143. transition:0.3s ease-in-out;
  144. -webkit-transition:0.3s ease-in-out;
  145. -moz-transition:0.3s ease-in-out;
  146. -ms-transition:0.3s ease-in-out;
  147. -o-transition:0.3s ease-in-out;
  148. }
  149. /*body basics*/
  150. body{
  151. background-color:{color:background};
  152. background-attachment: fixed;
  153. background-repeat: repeat;
  154. font-weight:none;
  155. font-family: 'roboto', sans-serif;
  156. font-size:10px;
  157. text-align:justify;
  158. color:{color:text};
  159. margin:0;
  160. }
  161. a{
  162. text-decoration:none;
  163. margin-left:12px;
  164. color:{color:links};
  165. -moz-transition-duration:0.5s;
  166. -webkit-transition-duration:0.5s;
  167. -o-transition-duration:0.5s;
  168. transition: all 0.3s ease-out;
  169. }
  170. a:hover{
  171. text-decoration:none;
  172. color:{color:hover};
  173. -moz-transition-duration:0.5s;
  174. -webkit-transition-duration:0.5s;
  175. -o-transition-duration:0.5s;
  176. transition: all 0.3s ease-out;
  177. }
  178. img {
  179. }
  180. blockquote {
  181. font-size:10px;
  182. width:auto;
  183. border-left:2px solid {color:border};
  184. text-align:left;
  185. padding:1px;
  186. font-weight:none;
  187. margin-top:15px;
  188. margin-left:20px;
  189. padding-top:0.5px;
  190. padding-bottom:0.5px;
  191. font-size:11px;
  192. font-family: 'calibri', sans-serif;
  193. margin-right:20px;
  194. padding-left:15px;
  195. color:{color:text};
  196. }
  197. pre{
  198. font-size:9px;
  199. text-align:center;
  200. text-transform:none;
  201. font-family: 'Bitter', serif;
  202. font-weight:bold;
  203. line-height:9px;
  204. border-left:1px solid #eee;
  205. border-bottom:1px solid #eee;
  206. letter-spacing:2px;
  207. background-color:{color:posts};
  208. color:{color:text};
  209. padding:6px;
  210. }
  211. small{
  212. font-size:9px;
  213. font-family: 'calibri', sans-serif;
  214. }
  215. big{
  216. font-size:12px;
  217. font-family: 'calibri', sans-serif;
  218. font-weight:700;
  219. }
  220. sub{
  221. font-size:9px;
  222. letter-spacing:0px;
  223. font-weight:600;
  224. text-transform:none;
  225. font-family: 'arial', sans-serif;
  226. }
  227. h1 {
  228. font-size:15px;
  229. text-align:left;
  230. font-family: 'karla', sans-serif;
  231. letter-spacing:1px;
  232. text-transform:uppercase;
  233. font-weight:700;
  234. line-height:17px;
  235. color:{color:text};
  236. padding:7px;
  237. }
  238. h1 a{
  239. color:{color:text};
  240. }
  241. h2{
  242. color:{color:text};
  243. text-transform:uppercase;
  244. font-family: 'Montserrat', sans-serif;
  245. text-align:left;
  246. }
  247. b {
  248. font-weight:bold;
  249. font-family: 'calibri', sans-serif;
  250. color:{color:text};
  251. }
  252. grouptitle {
  253. color:{color:text};
  254. text-transform:none;
  255. font-size:10px;
  256. font-family: 'calibri', sans-serif;
  257. }
  258. sh {
  259. color:{color:links};
  260. text-transform:uppercase;
  261. font-family: 'arial', sans-serif;
  262. font-size:13px
  263. font-weight:800;
  264. }
  265. am {
  266. color:{color:text};
  267. font-size:22px;
  268. padding:8px;
  269. padding-top:2px;
  270. text-transform:uppercase;
  271. font-family: 'roboto', sans-serif;
  272. letter-spacing:0px;
  273. font-weight:500;
  274. }
  275. n {
  276. font-weight:bold;
  277. letter-spacing:-1px;
  278. text-shadow: 1px 1px 1px #cccccc;
  279. font-size:12px;
  280. text-transform:uppercase;
  281. color:{color:text};
  282. }
  283. u {
  284. text-decoration:none;
  285. color:{color:text};
  286. padding:3px;
  287. border-bottom:1px solid {color:border};
  288. }
  289. /*sidebar*/
  290. #sb {
  291. position:fixed;
  292. margin-top:190px;
  293. padding:10px;
  294. margin-left:180px;
  295. background-color:transparent;
  296. z-index:9999999999999999;
  297. }
  298. #sbimage {
  299. z-index:-99999;
  300. }
  301. #sbimage img {
  302. width:70px;
  303. height:70px;
  304. left:292px;
  305. top:216px;
  306. border-radius:100px;
  307. position:fixed;
  308. background:{color:background};
  309. opacity:1;
  310. z-index:999;
  311. }
  312. #description {
  313. font-size:9px;
  314. top:314px;
  315. overflow:hidden;
  316. z-index:9999999;
  317. position:fixed;
  318. letter-spacing:0px;
  319. left:240px;
  320. width:179px;
  321. text-align:justify;
  322. height:97px;
  323. font-weight:300;
  324. padding:0px;
  325. line-height:14px;
  326. font-family: 'arial', sans-serif;
  327. }
  328. /*titles*/
  329. #sbtitle3{
  330. width:155px;
  331. top:150px;
  332. height:50px;
  333. opacity:1;
  334. position:fixed;
  335. border-radius:5px 5px 0px 0px;
  336. font-family: 'karla', serif;
  337. letter-spacing:2px;
  338. text-align:center;
  339. overflow:hidden;
  340. font-weight:600;
  341. background:{color:posts};
  342. word-wrap:none;
  343. color:{color:text};
  344. padding:10px;
  345. text-transform:none;
  346. line-height:30px;
  347. font-size:10px;
  348. left:238px;
  349. z-index:-999;
  350. }
  351. #sidebaar{
  352. width:355px;
  353. top:127px;
  354. height:350px;
  355. position:fixed;
  356. border-radius:3px 3px 3px 3px;
  357. background:{color:posts};
  358. left:150px;
  359. z-index:-99999;
  360. }
  361. /*back to top button*/
  362. .back-to-top {
  363. position: fixed;
  364. color:{color:text};
  365. bottom:7px;
  366. text-transform:uppercase;
  367. left:13px;
  368. font-family: 'lato', sans-serif;
  369. font-size:9px;
  370. letter-spacing:0px;
  371. z-index:9999999999;
  372. font-weight:600;
  373. padding:10px;
  374. }
  375. /*jump pagination*/
  376. .pagination{
  377. font-family: 'roboto', sans-serif;
  378. margin-left:-190px;
  379. width:auto;
  380. padding-top:-10px;
  381. letter-spacing:2px;
  382. padding-bottom:20px;
  383. font-size:13px;
  384. text-align:center;
  385. }
  386. .pagination a{
  387. padding:5px;
  388. font-family: 'roboto', sans-serif;
  389. font-weight:600;
  390. bottom:10px;
  391. margin-left:5px;
  392. color:{color:text};
  393. }
  394. .pagination a:hover{
  395. color:{color:hover};
  396. -moz-transition-duration:0.5s;
  397. -webkit-transition-duration:0.5s;
  398. -o-transition-duration:0.5s;
  399. transition: all 0.3s ease-out;
  400. }
  401. /*post notes*/
  402. ol.notes {
  403. padding: 0px;
  404. margin: 25px 0px;
  405. font-family:'montserrat',sans-serif;
  406. list-style-type: none;
  407. margin-top:-61px;
  408. background:{color:posts};
  409. margin-left:-16px;
  410. width:566px;
  411. border-bottom: solid 1px {color:border};
  412. }
  413. ol.notes li.note {
  414. border-top: solid 1px {color:border};
  415. padding: 10px;
  416. }
  417. ol.notes li.note img.avatar {
  418. vertical-align: -10px;
  419. border-radius:100px;
  420. margin-left: 10px;
  421. padding:6px;
  422. width: 16px;
  423. height: 16px;
  424. }
  425. ol.notes li.note span.action {
  426. font-weight: 300;
  427. }
  428. ol.notes li.note .answer_content {
  429. font-weight: normal;
  430. }
  431. ol.notes li.note blockquote {
  432. border-color: {color:border};
  433. padding: 4px 10px;
  434. margin: 10px 0px 0px 25px;
  435. }
  436. ol.notes li.note blockquote a {
  437. text-decoration: none;
  438. }
  439. /*audio*/
  440. .audioartist {
  441. font-family:'roboto', sans-serif;
  442. font-size:10px;
  443. text-transform:lowercase;
  444. font-weight:600;
  445. }
  446. .audiotitle {
  447. font-family:'roboto', sans-serif;
  448. font-size:10px;
  449. text-transform:lowercase;
  450. font-weight:600;
  451. }
  452. .audioplayed {
  453. font-family:'roboto', sans-serif;
  454. font-size:10px;
  455. text-transform:lowercase;
  456. font-weight:600;
  457. }
  458. .audioplayr {
  459. width:400px;
  460. color:{color:text};
  461. background:{color:accent};
  462. }
  463. audioinfo {
  464. font-family:'roboto', sans-serif;
  465. font-size:10px;
  466. letter-spacing:2px;
  467. text-transform:lowercase;
  468. font-weight:300;
  469. }
  470. /*post styles*/
  471. .pcaption{
  472. font-family:'calibri', sans-serif;
  473. font-size:10px;
  474. margin-left:15px;
  475. letter-spacing:0px;
  476. text-transform:none;
  477. background:{color:posts};
  478. font-weight:400;
  479. }
  480. .pcaption a{
  481. font-size:10px;
  482. margin-left:0px;
  483. letter-spacing:0.5px;
  484. font-family:'roboto', sans-serif;
  485. text-transform:lowercase;
  486. font-weight:700;
  487. }
  488. .psets{
  489. width:100%;
  490. margin-top:-12px;
  491. }
  492. .vsets{
  493. width:100%;
  494. margin-top:-12px;
  495. }
  496. .qcaption{
  497. font-family:'Vidaloka', sans-serif;
  498. font-size:15px;
  499. margin-left:15px;
  500. letter-spacing:0px;
  501. text-align:justify;
  502. text-transform:none;
  503. color:{color:text};
  504. font-weight:200;
  505. }
  506. .qsource{
  507. font-size:12px;
  508. margin-left:30px;
  509. margin-top:12px;
  510. text-align:left;
  511. letter-spacing:0px;
  512. font-family:'calibri', sans-serif;
  513. text-transform:uppercase;
  514. font-style:italic;
  515. font-weight:300;
  516. }
  517. /*posts*/
  518. #entries {
  519. margin-left:625px;
  520. margin-top:70px;
  521. z-index:9999999999999999999999999;
  522. }
  523. #post {
  524. font-size:10px;
  525. width:400px;
  526. color:{color:text};
  527. border-radius:5px 5px 5px 5px;
  528. background-color:{color:posts};
  529. text-align:justify;
  530. z-index:99999999999;
  531. margin-left:15px;
  532. margin-bottom:130px;
  533. padding-bottom:-40px;
  534. overflow:hidden;
  535. }
  536. #post img{
  537. max-width:100%;
  538. margin-top:-12px;
  539. margin-left:-12px;
  540. height:auto;
  541. }
  542. /*questions and answers*/
  543. #asking {
  544. margin-left:40px;
  545. margin-top:-35px;
  546. }
  547. #askingimage {
  548. }
  549. #askingimage img {
  550. margin-left:335px;
  551. width:40px;
  552. height:40px;
  553. border-radius:3px;
  554. margin-top:-1px;
  555. }
  556. #question {
  557. padding:20px;
  558. padding-left:12px;
  559. margin-top:-31px;
  560. margin-left:20px;
  561. width:263px;
  562. border-radius:3px;
  563. font-family: 'roboto', serif;
  564. color:{color:text};
  565. background-color:{color:asks};
  566. }
  567. #asker{
  568. margin-top:-60px;
  569. padding:1px;
  570. font-weight:300;
  571. font-size:11px;
  572. z-index:9999999999;
  573. color:{color:text};
  574. opacity:1;
  575. margin-left:14px;
  576. letter-spacing:0px;
  577. font-family: 'roboto', sans-serif;
  578. text-transform:lowercase;
  579. }
  580. #askerurl{
  581. margin-top:-60px;
  582. padding:1px;
  583. font-weight:bold;
  584. font-size:10px;
  585. padding:7px;
  586. line-height:14px;
  587. height:13px;
  588. width:465px;
  589. z-index:9999999999;
  590. color:{color:text};
  591. opacity:1;
  592. margin-left:13px;
  593. padding-bottom:11px;
  594. letter-spacing:0px;
  595. font-family: 'roboto', sans-serif;
  596. text-transform:lowercase;
  597. }
  598. .triangle {
  599. align:right;
  600. margin:7px 0px 10px 0px;
  601. padding:10px;
  602. position: relative;
  603. }
  604. .triangle t1{
  605. display:block;
  606. position:absolute;
  607. width:1px;
  608. height:1px
  609. font-size:0;
  610. margin-left:5px;
  611. top:-19px;z-index:9999999;
  612. border-right:7px solid transparent;
  613. border-left:7px solid transparent;
  614. border-top:10px solid transparent;
  615. -ms-transform: rotate(92deg); /* IE 9 */
  616. -webkit-transform: rotate(92deg); /* Chrome, Safari, Opera */
  617. transform: rotate(92deg);
  618. }
  619. .triangle t2 {
  620. display:block;
  621. position:absolute;
  622. width:0px;
  623. height:1px
  624. font-size:0;
  625. margin-left:264px;
  626. top:-20px;
  627. border-right:9px solid transparent;
  628. border-left:9px solid transparent;
  629. border-top:10px solid {color:asks};
  630. -ms-transform: rotate(90deg); /* IE 9 */
  631. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  632. transform: rotate(270deg);
  633. }
  634. /*post info*/
  635. #info {
  636. width:500px;
  637. height:25px;
  638. text-align:left;
  639. font-family: 'arial', sans-serif;
  640. text-transform:uppercase;
  641. margin-left:15px;
  642. font-size:11px;
  643. margin-top:10px;
  644. overflow:hidden;
  645. font-weight:700;
  646. font-style:none;
  647. padding:10px;
  648. line-height:15px;
  649. color:{color:info text};
  650. }
  651. #info a {
  652. text-align:center;
  653. font-weight:600;
  654. font-size:11px;
  655. letter-spacing:0px;
  656. font-family: 'arial', sans-serif;
  657. line-height:7px;
  658. color:{color:info text};
  659. }
  660. #info a:hover{
  661. color:{color:hover};
  662. }
  663. /*permalinks*/
  664. #permalink{
  665. margin-bottom:25px;
  666. text-align:left;
  667. font-size:9px;
  668. margin-left:12px;
  669. margin-top:11px;
  670. font-weight:bold;
  671. width:420px;
  672. font-size:11px;
  673. text-transform:none;
  674. font-weight:300;
  675. font-family: 'arial', sans-serif;
  676. letter-spacing:0px;
  677. line-height:5px;
  678. color:{color:text};
  679. }
  680. #permalink a{
  681. color:{color:text};
  682. font-family: 'arial', sans-serif;
  683. font-size:10px;
  684. margin-left:-3px;
  685. text-transform:none;
  686. font-weight:700;
  687. padding:3px;
  688. }
  689. #permalink a:hover{
  690. color:{color:hover};
  691. }
  692. #permalinkb{
  693. margin-bottom:15px;
  694. text-align:left;
  695. font-size:9px;
  696. margin-left:0px;
  697. margin-top:3px;
  698. font-weight:bold;
  699. width:520px;
  700. font-size:10px;
  701. text-transform:none;
  702. font-weight:300;
  703. font-family: 'roboto', sans-serif;
  704. letter-spacing:0px;
  705. line-height:5px;
  706. color:{color:text};
  707. }
  708. #permalinkb a{
  709. color:{color:info text};
  710. font-family: 'roboto', sans-serif;
  711. font-size:9px;
  712. opacity:0.8;
  713. margin-left:-3px;
  714. text-transform:none;
  715. font-weight:300;
  716. padding:3px;
  717. }
  718. #tags {
  719. width:440px;
  720. text-align:left;
  721. font-family: 'arial', sans-serif;
  722. text-transform:none;
  723. margin-left:-7px;
  724. font-size:10px;
  725. margin-top:-33px;
  726. padding-top:4px;
  727. padding-left:20px;
  728. padding-bottom:10px;
  729. opacity:1;
  730. overflow:hidden;
  731. font-weight:300;
  732. line-height:15px;
  733. letter-spacing:0px;
  734. z-index:9999999999999999;
  735. color:{color:text};
  736. -moz-transition-duration:0.5s;
  737. -webkit-transition-duration:0.5s;
  738. -o-transition-duration:0.5s;
  739. transition: all 0.3s ease-out;
  740. }
  741. #tags a {
  742. text-align:left;
  743. font-weight:300;
  744. padding:2px;
  745. margin-left:0px;
  746. letter-spacing:0px;
  747. font-family: 'arial', sans-serif;
  748. line-height:0px;
  749. color:{color:text};
  750. }
  751. #tags a:hover{
  752. color:{color:hover};
  753. }
  754. /*credit (u better leave this here u goof)*/
  755. #credit a{
  756. position:fixed;
  757. font-size:11px;
  758. font-weight:800;
  759. height:15px;
  760. width:25px;
  761. opacity:1;
  762. right:10px;
  763. bottom:10px;
  764. padding:2px;
  765. letter-spacing:0px;
  766. padding-top:3px;
  767. line-height:11px;
  768. z-index:9999999999999999999999999999;
  769. font-style:italic;
  770. text-align:center;
  771. float:left;
  772. font-family: 'Yeseva One', cursive;
  773. color:{color:text};
  774. text-transform:uppercase;
  775. -moz-transition-duration:0.3s;
  776. -webkit-transition-duration:0.3s;
  777. -o-transition-duration:0.3s;
  778. transition: all 0.3s ease-out;
  779. }
  780. #credit a:hover{
  781. color:{color:hover};
  782. font-size:16px;
  783. -moz-transition-duration:0.3s;
  784. -webkit-transition-duration:0.3s;
  785. -o-transition-duration:0.3s;
  786. transition: all 0.3s ease-out;
  787. }
  788. /*sidebar links*/
  789. .links {
  790. width:175px;
  791. height:35px;
  792. overflow:hidden;
  793. cursor:pointer;
  794. left:236px;
  795. opacity:1;
  796. background:{color:posts};
  797. z-index:9999;
  798. position:fixed;
  799. border-radius:0px 0px 5px 5px;
  800. top:422px;
  801. text-align:center;
  802. }
  803. .links a {
  804. width:auto;
  805. height:5px;
  806. text-align:left;
  807. text-transform:none;
  808. padding:3px;
  809. opacity:1;
  810. color:{color:links};
  811. z-index:99999;
  812. margin-top:10px;
  813. margin-left:0px;
  814. letter-spacing:1px;
  815. font-weight:500;
  816. font-family: 'lora', serif;
  817. font-size:11px;
  818. display:inline-block;
  819. transition-duration: 0.3s;
  820. -moz-transition-duration: 0.3s;
  821. -webkit-transition-duration: 0.3s;
  822. -o-transition-duration: 0.3s;
  823. }
  824. .links a:hover{
  825. color:{color:hover};
  826. }
  827. {CustomCSS}</style>
  828. </head>
  829. <body>
  830. <div id="sidebaar"></div>
  831. <!--basics-->
  832. <div id="sidebar">
  833. <div id="sbimage"><img src="{image:icon}"></a></div>
  834. <div id="description">{description}</div>
  835. <div id="sbtitle3"><u>{text:title}</u></div>
  836. </div>
  837. <div class="links">
  838. <a href="/"title="Home"><i class="fa fa-refresh"></i></a>
  839. <a href="/ask"title="Message"><i class="fa fa-paper-plane-o"></i></a>
  840. <a href="{text:link one url}"title="{text:link one}"><i class="fa fa-bookmark-o"></i></a>
  841. <a href="{text:link two url}"title="{text:link two}"><i class="fa fa-diamond"></i></a>
  842. <a href="{text:link three url}"title="{text:link three}"><i class="fa fa-compass"></i></a>
  843. </div>
  844. <!--posts and entries-->
  845. <div id="entries">
  846. {block:Posts}
  847. <div id="post">
  848. {block:Date}
  849. <div id="permalink">
  850. {block:RebloggedFrom}
  851. {block:ContentSource}
  852. <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>
  853. {/block:ContentSource}
  854. {/block:RebloggedFrom}
  855. </br>
  856. </br>
  857. <div id="permalinkb">
  858. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}, {24Hour}:{Minutes}:{Seconds} {AmPm} · {TimeAgo} </a>
  859. </div></div>
  860. {/block:Date}
  861. <!--texts-->
  862. {block:Text}
  863. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  864. {Body}
  865. {/block:Text}
  866. <!--question and answers-->
  867. {block:Answer}
  868. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  869. <div class="triangle" style="background:transparent;margin-top:-11px; margin-left:35px;"><t2></t2><t1></t1></div>
  870. <div id="askerurl">{Asker} asked:</div>
  871. <div id="question">{Question}</div>
  872. {Answer}{/block:Answer}
  873. <!--quotes-->
  874. {block:Quote}
  875. {block:Quote}
  876. <div class="qcaption">{Quote}</div>
  877. <div class="qsource">
  878. {block:Source}- {Source}{/block:Source}
  879. </div>
  880. {/block:Quote}
  881. <!--links-->
  882. {block:Link}
  883. <h2><center><a href="{URL}">{Name}</center></a></h2>
  884. {block:Description}{Description}{/block:Description}
  885. {/block:Link}
  886. <!--chats-->
  887. {block:Chat}
  888. {block:Title}<h2>{Title}</h2>{/block:Title}
  889. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  890. {Line}</li>{/block:Lines}</ul>
  891. {/block:Chat}
  892. <!--photos-->
  893. {block:Photo}
  894. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  895. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  896. {/block:Photo}
  897. <!--photosets-->
  898. {block:Photoset}
  899. <div class="psets">{Photoset}</div>
  900. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  901. {/block:Photoset}
  902. <!--videos-->
  903. {block:Video}
  904. <div class="vsets">{Video}</div>
  905. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  906. {/block:Video}
  907. <!--audios-->
  908. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  909. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  910. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  911. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  912. </br>
  913. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  914. {/block:Audio}
  915. <!--tags-->
  916. <div id="info">
  917. <div id="permalink"style="margin-left:-10px;margin-top:-7px;margin-bottom:-22px">
  918. <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>
  919. {block:HasTags}<div id="tags">
  920. {block:Tags} <a href="{TagURL}">#{Tag} </a> {/block:Tags}
  921. </div>
  922. {/block:HasTags}
  923. </div>
  924. {block:PostNotes} {PostNotes} {/block:PostNotes}
  925. {/block:Posts}
  926. {block:Pagination}
  927. <div class="pagination"style="{color:title text}">
  928. {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}
  929. {/block:Pagination}</div>
  930. </div>
  931. <!--credit(u better dont touch this here u goof)-->
  932. <div id="credit">
  933. <a href="http://ceesty.com/qNgV4R"title="daddythemes">DA</a>
  934. </div>
  935. </html>
  936. </body>
  937. <!-----end html---->
Add Comment
Please, Sign In to add comment