API tools faq
paste
azurethemes

theme #07

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