azurethemes

03::seven years

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